在前端开发中，模板引擎是必不可少的一部分。它可以帮助我们更高效地生成 HTML 页面，同时还可以方便地处理数据和逻辑。在 Node.js 中，EJS 是一款非常流行的模板引擎，它可以在 Express.js 应用中轻松使用。
本文将介绍如何在 Express.js 应用中使用 EJS 模板引擎，包括安装、配置和使用方法。同时，我们还将提供一些示例代码，帮助你更好地理解和掌握这个过程。
安装 EJS 模板引擎
在使用 EJS 模板引擎之前，我们需要先安装它。可以使用 npm 命令来完成安装：
npm install ejs --save
这个命令会将 EJS 模板引擎安装到你的项目中，并将其添加到项目的依赖中。
配置 EJS 模板引擎
在安装 EJS 模板引擎之后，我们需要在 Express.js 应用中进行配置。在 app.js 或 index.js 中，添加以下代码：
const express = require('express');
const app = express();
app.set('view engine', 'ejs');这个代码会告诉 Express.js 使用 EJS 模板引擎作为默认的视图引擎。这样，当我们调用 res.render() 方法时，Express.js 就会使用 EJS 模板引擎来渲染页面。
使用 EJS 模板引擎
在配置完 EJS 模板引擎之后，我们就可以开始使用它了。在 Express.js 中，使用 EJS 模板引擎渲染页面非常简单。下面是一个简单的例子：
app.get('/', function(req, res) {
res.render('index', { title: 'Express' });
});在这个例子中，我们使用 res.render() 方法来渲染名为 index 的视图。我们还向视图传递了一个 title 变量，它的值是 'Express'。在 EJS 模板引擎中，我们可以使用 <%= %> 语法来输出变量的值。下面是一个简单的 index.ejs 文件的例子：
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
</head>
<body>
<h1>Welcome to <%= title %></h1>
</body>
</html>在这个例子中，我们使用 <%= %> 语法来输出 title 变量的值。这样，当我们访问网站首页时，就会看到一个包含 'Express' 字符串的标题和欢迎信息。
除了 <%= %> 语法外，EJS 模板引擎还支持其他的语法，比如 <% %> 用于控制流、<%- %> 用于输出 HTML 等等。你可以参考 EJS 模板引擎的官方文档来了解更多的语法和用法。
总结
在本文中，我们介绍了如何在 Express.js 应用中使用 EJS 模板引擎。首先，我们通过 npm 命令安装了 EJS 模板引擎。然后，我们在 Express.js 应用中进行了配置，告诉它使用 EJS 模板引擎作为默认的视图引擎。最后，我们使用 res.render() 方法来渲染视图，并向视图传递了一些变量。通过这个过程，我们可以更高效地生成 HTML 页面，同时还可以方便地处理数据和逻辑。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65acdaccadd4f0e0ff66d252