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