请解释 Express 中如何使用模板引擎 (Template Engine)？

推荐答案

在 Express 中使用模板引擎的步骤如下：

1. 安装模板引擎：首先需要安装你选择的模板引擎，例如 ejs、pug 或 handlebars。可以通过 npm 安装，例如：

   npm install ejs

2. 设置模板引擎：在 Express 应用中设置模板引擎。使用 app.set() 方法来指定视图引擎和视图目录：

   const express = require('express');
   const app = express();
   
   // 设置模板引擎为 ejs
   app.set('view engine', 'ejs');
   
   // 设置视图目录
   app.set('views', './views');

3. 渲染视图：在路由处理函数中使用 res.render() 方法来渲染视图模板，并传递数据：

   app.get('/', (req, res) => {
     res.render('index', { title: 'Home Page', message: 'Welcome to the Home Page!' });
   });

4. 创建模板文件：在 views 目录下创建模板文件，例如 index.ejs：

   -- -------------------- ---- -------
   --------- -----
   ------
   ------
     ---------- ----- ----------
   -------
   ------
     ------- ------- -------
   -------
   -------

本题详细解读

1. 模板引擎的作用

模板引擎允许你在服务器端生成动态 HTML 页面。通过将数据嵌入到模板中，可以生成最终的 HTML 内容并发送给客户端。

2. 常见的模板引擎

• EJS：嵌入式 JavaScript 模板引擎，语法类似于 HTML，支持嵌入 JavaScript 代码。
• Pug：简洁的模板引擎，使用缩进和简洁的语法来定义 HTML 结构。
• Handlebars：基于 Mustache 模板引擎，支持逻辑表达式和部分模板。

3. 设置模板引擎

• app.set('view engine', 'ejs')：设置 Express 应用使用的模板引擎为 ejs。
• app.set('views', './views')：设置视图文件的存放目录为 ./views。

4. 渲染视图

• res.render(view, locals)：渲染指定的视图模板，并将 locals 对象中的数据传递给模板。view 参数是视图文件的名称（不包括扩展名），locals 是一个包含模板所需数据的对象。

5. 模板文件

模板文件通常位于 views 目录下，文件扩展名与所使用的模板引擎对应。例如，使用 ejs 引擎时，模板文件扩展名为 .ejs。

6. 数据绑定

在模板文件中，可以通过模板引擎提供的语法将数据绑定到 HTML 中。例如，在 ejs 中，使用 <%= %> 来输出变量的值。

通过以上步骤，你可以在 Express 应用中轻松使用模板引擎来生成动态 HTML 页面。