在 Web 开发中，模板渲染是不可或缺的一环。Express.js 是 Node.js 中最受欢迎的 Web 框架之一，它提供了多种模板引擎供开发者选择。其中，ejs 是一种简单易用的模板引擎，本文将介绍如何在 Express.js 中使用 ejs 进行模板渲染。
安装 ejs
在使用 ejs 进行模板渲染之前，我们需要先安装 ejs。可以使用 npm 命令进行安装：
--- ------- --- ------
配置 Express.js
在使用 ejs 进行模板渲染之前，我们还需要配置 Express.js。在 Express.js 中，我们需要设置模板引擎和模板的存放路径。
首先，我们需要在 Express.js 中设置模板引擎为 ejs：
----- ------- - ------------------- ----- --- - ---------- ------------- -------- -------
其次，我们需要设置模板的存放路径。在 Express.js 中，我们可以使用 app.set('views', path.join(__dirname, 'views')); 来设置模板的存放路径。其中，__dirname 表示当前脚本所在的目录，views 表示模板所在的子目录。
----- ---- - ---------------- ---------------- -------------------- ----------
使用 ejs 进行模板渲染
在完成了 ejs 的安装和 Express.js 的配置之后，我们就可以使用 ejs 进行模板渲染了。
在 Express.js 中，我们可以使用 res.render(view [, locals] [, callback]) 方法来渲染模板。其中，view 参数表示要渲染的模板文件名，locals 参数表示要传递给模板的数据，callback 参数表示渲染完成后的回调函数。
下面是一个简单的示例，演示了如何使用 ejs 进行模板渲染：
------------ ------------- ---- -
------------------- -
------ -------------
-------- ------- ------------
---
---在上面的示例中，我们使用 res.render('index', { title: 'Express.js', message: 'Hello, Express.js!' }); 方法来渲染名为 index 的模板，并将 { title: 'Express.js', message: 'Hello, Express.js!' } 作为数据传递给模板。
在模板中，我们可以使用 <% %> 和 <%= %> 来嵌入 JavaScript 代码和数据。下面是一个简单的示例：
--------- ----- ------ ------ ---------- ----- ---------- ------- ------ ------- ------- ------- ------- -------
在上面的示例中，我们使用 <%= title %> 和 <%= message %> 来输出传递给模板的数据。
总结
本文介绍了在 Express.js 中使用 ejs 进行模板渲染的方法。首先，我们需要安装 ejs 并配置 Express.js。然后，我们可以使用 res.render(view [, locals] [, callback]) 方法来渲染模板。最后，我们介绍了如何在模板中嵌入 JavaScript 代码和数据。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/662daea4d3423812e4b3c5cd