安装EJS
npm install ejs
使用
app.set('view engine', 'ejs');
在默认情况下,将会使用’views’目录并将该目录中的文件视为使用view engine的模板。
如果想要更改默认目录,则需要:
app.set('views', '/myviews');
在views目录中使用模板
创建文件views/index.ejs
<html>
<head>
...
</head>
<body>
...
</body>
</html>
然后在app.js中指定这个index。注意这里不再使用sendFile,而是使用render:
app.get('/', (req, res) => {
res.render('index');
})
向模板中传递数据
app.js
res.render('index', { username: 'lcoding' });
index.ejs
Hello, <%= username%>
使用循环
<% if (stuents.length > 0) { %>
<% students.forEach(student => {%>
<h3><%= student.name%><h3>
<p><%= student.intro%></p>
<% >})%>
<% } %>
Partials
views/partials/nav.ejs
<nav>
...
</nav>
index.ejs:
<%- include('partials/nav.ejs') %>