什么是 EJS
EJS (Embedded JavaScript) 是一种 JavaScript 模板引擎，可用于生成 HTML、XML、JSON 和其他文本格式。它允许我们使用 JavaScript 代码来生成动态的 HTML 页面。
EJS 可以轻松地与 Node.js 和 Express.js 集成，这使得它成为前端开发人员的最佳选择之一。
安装 EJS
要在 Express.js 中使用 EJS，我们需要先安装 EJS。可以使用 npm 命令来安装 EJS。
npm install ejs --save
创建 EJS 模板
在 Express.js 中，我们可以使用 EJS 模板引擎来创建动态的 HTML 页面。为了创建 EJS 模板，我们需要在 Express.js 应用程序中设置视图引擎。
const express = require('express');
const app = express();
// 设置视图引擎
app.set('view engine', 'ejs');现在，我们可以创建一个 EJS 模板，它将用于渲染我们的 HTML 页面。在 EJS 模板中，我们可以使用 HTML 和 JavaScript 来创建动态的 HTML 页面。
// javascriptcn.com 代码示例
<!-- views/index.ejs -->
<html>
<head>
<title><%= title %></title>
</head>
<body>
<h1><%= message %></h1>
</body>
</html>在上面的代码中，我们使用了 EJS 的模板标记 <%= %> 来插入动态数据。我们可以使用这些模板标记来插入变量、表达式和函数调用等等。
渲染 EJS 模板
要在 Express.js 中渲染 EJS 模板，我们需要使用 res.render() 方法。这个方法接受两个参数，第一个参数是模板名称，第二个参数是包含要插入到模板中的数据的对象。
app.get('/', function(req, res) {
res.render('index', {
title: 'Express.js 中 EJS 模板引擎的使用方法',
message: '欢迎使用 EJS 模板引擎！'
});
});在上面的代码中，我们使用 res.render() 方法来渲染 views/index.ejs 模板，并将变量 title 和 message 插入到模板中。
EJS 模板标记
EJS 模板标记允许我们在模板中插入动态数据和控制模板的行为。以下是一些常用的 EJS 模板标记。
输出变量
我们可以使用 <%= %> 标记来在模板中输出变量的值。
<h1><%= title %></h1>
在上面的代码中，我们将变量 title 的值插入到模板中。
条件语句
我们可以使用 <% %> 标记来编写 JavaScript 代码。这使得我们可以使用条件语句来控制模板的行为。
<% if (user) { %>
<h1>Welcome <%= user.name %>!</h1>
<% } else { %>
<h1>Welcome guest!</h1>
<% } %>在上面的代码中，我们根据条件输出不同的欢迎消息。
循环语句
我们可以使用 <% %> 标记来编写 JavaScript 代码。这使得我们可以使用循环语句来控制模板的行为。
<ul>
<% for (var i = 0; i < users.length; i++) { %>
<li><%= users[i].name %></li>
<% } %>
</ul>在上面的代码中，我们使用循环语句来输出用户列表。
总结
EJS 是一种 JavaScript 模板引擎，可用于生成动态的 HTML 页面。在 Express.js 中，我们可以使用 EJS 模板引擎来创建动态的 HTML 页面。要使用 EJS，我们需要先安装它，然后设置视图引擎。然后，我们可以创建 EJS 模板，并使用 res.render() 方法来渲染它。在模板中，我们可以使用 EJS 模板标记来插入动态数据和控制模板的行为。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655e97f4d2f5e1655d8c1cd5