在 Web 开发中，模板渲染是一个必不可少的部分。它是将动态数据和静态 HTML 合并成最终的页面的过程。在 Node.js 中，有很多种模板引擎，其中 EJS 是一款受欢迎的模板引擎之一。
本文将讲述如何在 Express.js 中使用 EJS 进行模板渲染。
安装 EJS
使用 EJS 之前，需要先进行安装。
通过 npm 安装：
npm install ejs --save
配置 Express.js
在 Express.js 中使用 EJS，需要在 app.js 文件中配置 EJS 模板引擎。
将以下代码加入到 app.js 文件中：
// app.js
const express = require('express');
const app = express();
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');在以上代码中，views 是存放模板文件的目录，view engine 是使用的模板引擎。
创建模板文件
在 views 目录下创建一个 index.ejs 文件，用以下代码填充文件：
-- -------------------- ---- -------
---- --------------- ---
--------- -----
------
------
---------- ----- ----------
-------
------
------- ------- -------
-------
-------在以上代码中，<%= title %> 和 <%= message %> 是模板的数据变量。
渲染模板
在 Express.js 中，通过 res.render() 函数来渲染模板。以下是一个简单的例子：
// app.js
app.get('/', (req, res) => {
const title = 'Express.js Template Engine';
const message = 'Hello, EJS!';
res.render('index', { title: title, message: message });
});在以上代码中，index 是模板的文件名，{ title: title, message: message } 是传递给模板引擎的数据。
在模板中使用控制流
EJS 支持循环和条件语句的控制流。以下是一个例子：
<!-- views/page.ejs -->
<% if (user) { %>
<h2><%= user.name %></h2>
<p><%= user.email %></p>
<% } else { %>
<h2>Please log in</h2>
<% } %>在以上代码中，如果 user 存在，则显示用户的信息，否则显示“Please log in”。
结论
通过本文的学习，我们了解了如何在 Express.js 中使用 EJS 进行模板渲染，包括 EJS 的安装、Express.js 的配置、模板文件的创建、数据的传递以及控制流的使用。希望本文能够对你的学习和开发有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674b9cc8d657e1f70db758ab