本教程将教你如何在Express.js应用程序中使用模板引擎。模板引擎是前端开发中用于动态渲染页面的工具，能够使您的应用程序更加交互和有趣。
步骤 1 - 安装模板引擎
Express.js支持多种不同的模板引擎，比如EJS、Pug等等。在这个教程中，我们将使用EJS。
首先，我们需要安装EJS。打开命令行界面，输入以下命令：
npm install ejs --save
这将安装EJS模板引擎并将其保存在package.json文件中的依赖项中。
步骤 2 - 配置Express.js
引入EJS模块和Express.js：
const express = require('express');
const app = express();
const ejs = require('ejs');使用EJS作为应用程序的默认模板引擎：
app.set('view engine', 'ejs');
app.engine('ejs', ejs.renderFile);以上两个语句将使用EJS作为应用程序的默认模板引擎，并将其关联到.ejs文件扩展名。
步骤 3 - 创建视图
一个简单的EJS视图通常由HTML和带有尖括号的EJS语法构成。在这个教程中，我们将使用一个简单的示例：
-- -------------------- ---- -------
--------- -----
------
------
--------- -----------
-------
------
--------- --- ---- -------
-------
-------视图中包含一个HTML标记和<%= %>标记。这个标记允许我们嵌入EJS模板的动态值。
步骤 4 - 渲染视图
我们现在已经准备好了渲染这个视图。在Express.js中，我们可以使用res.render()函数来渲染视图。
app.get('/', (req, res) => {
const name = 'World';
res.render('index', {name: name});
});以上代码可以渲染名为index.ejs的视图，并将name变量传递给视图以渲染它。
步骤 5 - 运行应用程序
现在，我们已经准备好了在本地机器上运行Express.js应用程序。打开命令行，并用cd命令进入应用程序的目录。在这个例子中，我们将假设应用程序被保存在/myapp文件夹中。
输入以下命令来启动应用程序：
cd myapp node app.js
这将启动应用程序，并将其绑定到默认端口3000上。您可以通过在浏览器中输入http://localhost:3000 访问应用程序。
结论
在这个简单的教程中，我们已经学习了如何在Express.js应用程序中使用EJS模板引擎。虽然这只是一个简单的例子，但它演示了基本的渲染EJS模板的过程。您可以使用EJS的更高级功能创造更加复杂的模板，并根据需要进行调整。
下面是完整的示例代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- --- - --------------- ------------- -------- ------- ----------------- ---------------- ------------ ----- ---- -- - ----- ---- - -------- ------------------- ------ ------- --- ---------------- -- -- - ------------------------ -- ------- -- ---- ------- ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672129f32e7021665e068e5d