前言
在 Web 开发过程中，我们需要使用模板引擎来快速生成动态的 HTML 页面。在 Express.js 框架中，我们可以使用许多流行的模板引擎来实现这一点，例如 EJS、Pug、Handlebars 等。本文将主要介绍如何在 Express.js 框架中使用 EJS 模板引擎。
EJS 模板引擎
EJS 是一个简单而灵活的 JavaScript 模板引擎。它允许我们在 HTML 中嵌入 JavaScript 代码，并可以使用动态的变量和循环。
安装 EJS
在使用 EJS 模板引擎之前，我们需要先安装它。可以使用以下命令来安装 EJS：
--- ------- --- ------
配置 EJS 模板引擎
在 Express.js 框架中，我们需要在应用程序中设置 EJS 模板引擎。可以使用以下命令来配置 EJS：
----- ------- - ------------------- ----- --- - ---------- ---------------- --------- - ---------- ------------- -------- -------
在上面的代码中，我们使用 app.set() 方法来设置模板引擎和模板的视图文件路径。__dirname 表示当前文件所在的目录。
在 Express.js 中使用 EJS
在设置 EJS 模板引擎后，我们可以在 Express.js 中使用 EJS。以下是一个简单的示例：
-- ------ ----- ------- - ------------------- ----- --- - ---------- ---------------- --------- - ---------- ------------- -------- ------- ------------ ------------- ---- - ------------------- - ----- ------- --- --- ---------------- ---------- - ------------------- -- ------- -- ---- ------- ---
---- --------------- --- --------- ----- ------ ------ ----- ---------------- ------------ --- ---- ---------- ------- ------ --------- --- ---- ------- ------- -------
在上面的代码中，当用户访问主页时，服务器将渲染名为 index 的 EJS 模板，并为 name 变量传递值 World。在 EJS 模板中，可以使用 <%= %> 标记来插入变量。
EJS 的控制流
除了变量插值外，EJS 还提供了许多控制流构造，例如条件语句、循环语句等。以下是一个示例，展示如何在 EJS 模板中使用条件语句：
-- -- ------ - -- --------- --- --------- -------- -- - ---- - -- --------- ----------- -- - --
在上面的代码中，如果传递了 user 变量，则输出欢迎信息，否则输出默认信息。<% %> 标记用于嵌入 JavaScript 代码。
总结
EJS 模板引擎是一个简单易用但提供了许多灵活性和控制力的工具。在 Express.js 框架中使用 EJS 可以让我们快速生成动态的 HTML 页面，同时可以使用 JavaScript 进行逻辑控制和数据处理。希望这篇文章对大家学习 Express.js 框架以及使用 EJS 模板引擎有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64bfd93d9e06631ab9c54ba3