Express 模板引擎

Tip

参考：

在 Express 中使用模板引擎可以将模板语言编写的文档==结合数据动态编译==生成 HTML 文档返回给请求的客户端。

需要在项目中安装相应的模板引擎 npm 模块，如 ejs

bash

npm install ejs --save

在 Express 可以呈现模板文件之前，必须设置以下应用程序设置：

设置参数 views 指定模板文件所在目录
js
```
app.set('views', './views')
```
设置参数 view engine 指定模板类型，这样 Express 会自动载入相应的模板引擎
js
```
app.set('view engine', 'ejs')
```
💡 在设置视图引擎之后，可以不必引入 require 和在应用程序 app 中装入模板引擎模块，y因为 Express 会内部装入此模块。如果需要也可以在指定模板类型之前，手动引入并指定引擎 engine
js
```
// 使用 ejs 的扩展版本 ejs-locals 作为模板引擎
let engine = require('ejs-locals');

app.engine('ejs', engine);
```

在指定的模板文件目录 ./view 中创建模板文档

views/index.ejs

ejs

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>EJS</title>
</head>

<body>
  <h1><%= title %></h1>
  <p><%= message %> </p>
</body>

</html>

创建路由处理程序响应客户端的请求，如果需要动态渲染生成 HTML 文档可以使用函数 res.render()，它第一个参数指定使用哪一个模板生成网页，第二个可选参数是以对象的形式将数据动态传递到模板文档中

// 向主页发出请求时，index.ejs 文件结合传入的数据渲染为 HTML 文档
app.get('/', function (req, res) {
  res.render('index', {
    title: 'ejs',
    message: 'Hello World!'
  })
});

Warning

如果未设置 view engine 属性，必须在响应调用 render 时指定模板文档的扩展名。

Tip

与 Express 兼容的模板引擎导出名为 __express(filePath, options, callback) 的函数，该函数由 res.render() 函数调用以呈现模板代码。某些模板引擎并不遵循此约定，但 Consolidate.js 库通过映射所有流行的 Node.js 模板引擎来遵循此约定，因此可以在 Express 内无缝工作。