前言
在 Web 开发过程中，我们需要使用模板引擎来快速生成动态的 HTML 页面。在 Express.js 框架中，我们可以使用许多流行的模板引擎来实现这一点，例如 EJS、Pug、Handlebars 等。本文将主要介绍如何在 Express.js 框架中使用 EJS 模板引擎。
EJS 模板引擎
EJS 是一个简单而灵活的 JavaScript 模板引擎。它允许我们在 HTML 中嵌入 JavaScript 代码，并可以使用动态的变量和循环。
安装 EJS
在使用 EJS 模板引擎之前，我们需要先安装它。可以使用以下命令来安装 EJS：
npm install ejs --save
配置 EJS 模板引擎
在 Express.js 框架中，我们需要在应用程序中设置 EJS 模板引擎。可以使用以下命令来配置 EJS：
const express = require('express');
const app = express();
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');在上面的代码中，我们使用 app.set() 方法来设置模板引擎和模板的视图文件路径。__dirname 表示当前文件所在的目录。
在 Express.js 中使用 EJS
在设置 EJS 模板引擎后，我们可以在 Express.js 中使用 EJS。以下是一个简单的示例：
-- -------------------- ---- ------- -- ------ ----- ------- - ------------------- ----- --- - ---------- ---------------- --------- - ---------- ------------- -------- ------- ------------ ------------- ---- - ------------------- - ----- ------- --- --- ---------------- ---------- - ------------------- -- ------- -- ---- ------- ---
-- -------------------- ---- ------- ---- --------------- --- --------- ----- ------ ------ ----- ---------------- ------------ --- ---- ---------- ------- ------ --------- --- ---- ------- ------- -------
在上面的代码中，当用户访问主页时，服务器将渲染名为 index 的 EJS 模板，并为 name 变量传递值 World。在 EJS 模板中，可以使用 <%= %> 标记来插入变量。
EJS 的控制流
除了变量插值外，EJS 还提供了许多控制流构造，例如条件语句、循环语句等。以下是一个示例，展示如何在 EJS 模板中使用条件语句：
<% if (user) { %>
<h2>Hello <%= user.name %>!</h2>
<% } else { %>
<h2>Hello World!</h2>
<% } %>在上面的代码中，如果传递了 user 变量，则输出欢迎信息，否则输出默认信息。<% %> 标记用于嵌入 JavaScript 代码。
总结
EJS 模板引擎是一个简单易用但提供了许多灵活性和控制力的工具。在 Express.js 框架中使用 EJS 可以让我们快速生成动态的 HTML 页面，同时可以使用 JavaScript 进行逻辑控制和数据处理。希望这篇文章对大家学习 Express.js 框架以及使用 EJS 模板引擎有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64bfd93d9e06631ab9c54ba3