Node.js系列教程 - templates


安装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') %>

文章作者: 逻思
版权声明: 本博客所有文章除特別声明外,均采用 CC BY-NC-ND 4.0 许可协议。转载请注明来源 逻思 !
  目录