在 Express 中使用模板引擎

本文将介绍如何在 Express 中使用模板引擎。对于想要在 Express 应用中渲染模板文件的朋友，以下内容将为你提供有价值的参考。

你需要在应用中完成以下设置以便让 Express 能够渲染模板文件。你需要设置两个关键项：

1. 设置视图文件的目录（views）。例如，通过 `app.set('views', './views')` 来指定你的视图文件存放位置。

2. 设置所使用的模板引擎（view engine）。例如，通过 `app.set('view engine', 'jade')` 来选择你将要使用的模板引擎，比如 Jade。

接下来，你需要安装相应的模板引擎 npm 软件包。以 Jade 为例，可以通过运行 `$ npm install jade --save` 命令来安装。

在 Express 中，兼容的模板引擎如 Jade，可以通过 `res.render()` 方法调用其导出函数 `__express(filePath, options, callback)` 来渲染模板。如果某些模板引擎不遵循这种约定，Consolidate.js 可以将所有流行的 Node 模板引擎映射到这种约定，从而实现与 Express 的无缝衔接。

一旦成功设置了 view engine，你就不需要显式指定引擎或在应用中加载模板引擎模块。Express 已经在内部加载了这些设置。例如，`app.set('view engine', 'jade')` 就是设置使用 Jade 模板引擎。

在 views 目录下创建一个名为 `index.jade` 的 Jade 模板文件，内容可以如下：

```html

html

head

title!= title

body

h1!= message

```

然后创建一个路由来渲染 `index.jade` 文件。如果你没有设置 view engine，你需要指明视图文件的后缀，否则可能会遗漏它。例如：

```javascript

app.get('/', function (req, res) {

res.render('index', { title: 'Hey', message: 'Hello there!'});

});

```

当你向主页发送请求时，“index.jade” 文件将被渲染为 HTML。无需额外指明模板引擎的名称或后缀，Express 已经知道如何正确处理。这得益于之前设置的 view engine 和 Consolidate.js 的支持。这使得开发过程更加流畅和高效。