在 Express.js 中，模板引擎是一个非常重要的组件，它用于生成动态的 HTML 页面。在本篇文章中，我们将详细介绍如何在 Express.js 中使用模板引擎。
什么是模板引擎？
在 Web 开发中，我们通常需要根据数据动态生成 HTML 页面，这就需要使用到模板引擎。模板引擎是一种将数据和 HTML 页面结合起来的工具，它可以将数据插入到 HTML 页面中的占位符中，生成最终的 HTML 页面。
在 Express.js 中，我们可以使用多种模板引擎，例如 EJS、Pug、Handlebars 等。
Express.js 中使用 EJS 模板引擎的教程
EJS（Embedded JavaScript）是一种简单的模板引擎，它可以将数据插入到 HTML 页面中。
安装 EJS 模板引擎
在使用 EJS 模板引擎之前，我们需要先安装它。可以使用以下命令来安装：
npm install ejs --save
在 Express.js 中使用 EJS 模板引擎
在 Express.js 中使用 EJS 模板引擎非常简单。我们只需要在 app.js 文件中设置模板引擎，然后将模板文件放在 views 目录下，并在路由中使用 res.render() 函数即可。
以下是一个简单的示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ---- - ----- -- -- --- ---- ------------- -------- ------- -- --- - --- ------------ ----- ---- -- - -- -- --------------- -- ------------------- - ------ --------- -------- -------- --- --- ---------------- -- -- - ------------------- --------------------------- ---
app.set() 函数用于设置模板引擎，第一个参数为 view engine，第二个参数为使用的模板引擎。
res.render() 函数用于渲染模板文件，第一个参数为模板文件名，不需要使用扩展名。第二个参数为传入模板的数据。
在 EJS 模板中插入数据
在 EJS 模板中插入数据非常简单。我们只需要在 HTML 页面中使用双大括号 {{}} 表示占位符，然后在 res.render() 函数中传入需要替换的数据即可。
以下是一个示例：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------
-------
------
--------------------
-------
-------总结
在本篇文章中，我们介绍了如何在 Express.js 中使用 EJS 模板引擎。希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649694b148841e98943c55b4