前言
在 Web 开发中，模板引擎是不可或缺的一部分。它们可以帮助我们更好地组织和呈现数据，以及提高开发效率。而 EJS（Embedded JavaScript Templates）是一种非常流行的模板引擎，它允许我们在 HTML 中嵌入 JavaScript 代码，从而实现动态数据渲染。在本文中，我们将介绍如何在 Express.js 中使用 EJS 模板引擎。
安装和配置 EJS
首先，我们需要安装 EJS。可以使用 npm 安装：
npm install ejs --save
接下来，在 Express.js 中配置 EJS。在 app.js 文件中添加以下代码：
const express = require('express');
const app = express();
// 设置 EJS 模板引擎
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');这样，我们就已经成功地配置了 EJS 模板引擎。
使用 EJS 渲染模板
接下来，我们将使用 EJS 渲染模板。在 Express.js 中，可以使用 res.render() 方法来渲染模板。例如，我们可以创建一个名为 index.ejs 的模板文件，并在其中使用 EJS 语法：
-- -------------------- ---- ------- --------- ----- ------ ------ ------ ---------------- ----------- ----- ---------- ------- ------ -------- ------- ------- ------- -------
在这个模板文件中，我们使用了 <%= %> 语法来输出 JavaScript 变量。例如，<%= title %> 将会输出 title 变量的值。
接下来，我们可以在 Express.js 中使用 res.render() 方法来渲染这个模板：
app.get('/', function(req, res) {
res.render('index', { title: 'Express.js + EJS', message: 'Hello World!' });
});在这个例子中，我们将 index.ejs 模板渲染为 HTML，并将 title 和 message 变量传递给模板。这样，我们就可以在模板中使用这些变量了。
EJS 语法
除了 <%= %> 语法外，EJS 还提供了其他一些有用的语法。下面是一些常用的语法：
条件语句
<% if (condition) { %>
<!-- HTML code here -->
<% } %>循环语句
<% for (var i = 0; i < items.length; i++) { %>
<!-- HTML code here -->
<% } %>包含文件
<%- include('header.ejs') %>注释
<%# This is a comment %>
结论
在本文中，我们介绍了如何在 Express.js 中使用 EJS 模板引擎。通过使用 EJS，我们可以更方便地渲染动态数据，从而提高 Web 开发效率。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67443222f3dd653032a6d265