什么是 EJS
EJS (Embedded JavaScript) 是一种 JavaScript 模板引擎，可用于生成 HTML、XML、JSON 和其他文本格式。它允许我们使用 JavaScript 代码来生成动态的 HTML 页面。
EJS 可以轻松地与 Node.js 和 Express.js 集成，这使得它成为前端开发人员的最佳选择之一。
安装 EJS
要在 Express.js 中使用 EJS，我们需要先安装 EJS。可以使用 npm 命令来安装 EJS。
--- ------- --- ------
创建 EJS 模板
在 Express.js 中，我们可以使用 EJS 模板引擎来创建动态的 HTML 页面。为了创建 EJS 模板，我们需要在 Express.js 应用程序中设置视图引擎。
----- ------- - ------------------- ----- --- - ---------- -- ------ ------------- -------- -------
现在，我们可以创建一个 EJS 模板，它将用于渲染我们的 HTML 页面。在 EJS 模板中，我们可以使用 HTML 和 JavaScript 来创建动态的 HTML 页面。
---- --------------- ---
------
------
---------- ----- ----------
-------
------
------- ------- -------
-------
-------在上面的代码中，我们使用了 EJS 的模板标记 <%= %> 来插入动态数据。我们可以使用这些模板标记来插入变量、表达式和函数调用等等。
渲染 EJS 模板
要在 Express.js 中渲染 EJS 模板，我们需要使用 res.render() 方法。这个方法接受两个参数，第一个参数是模板名称，第二个参数是包含要插入到模板中的数据的对象。
------------ ------------- ---- -
------------------- -
------ ----------- - --- -----------
-------- ----- --- ------
---
---在上面的代码中，我们使用 res.render() 方法来渲染 views/index.ejs 模板，并将变量 title 和 message 插入到模板中。
EJS 模板标记
EJS 模板标记允许我们在模板中插入动态数据和控制模板的行为。以下是一些常用的 EJS 模板标记。
输出变量
我们可以使用 <%= %> 标记来在模板中输出变量的值。
------- ----- -------
在上面的代码中，我们将变量 title 的值插入到模板中。
条件语句
我们可以使用 <% %> 标记来编写 JavaScript 代码。这使得我们可以使用条件语句来控制模板的行为。
-- -- ------ - -- ----------- --- --------- -------- -- - ---- - -- ----------- ----------- -- - --
在上面的代码中，我们根据条件输出不同的欢迎消息。
循环语句
我们可以使用 <% %> 标记来编写 JavaScript 代码。这使得我们可以使用循环语句来控制模板的行为。
----
-- --- ---- - - -- - - ------------- ---- - --
------- ------------- -------
-- - --
-----在上面的代码中，我们使用循环语句来输出用户列表。
总结
EJS 是一种 JavaScript 模板引擎，可用于生成动态的 HTML 页面。在 Express.js 中，我们可以使用 EJS 模板引擎来创建动态的 HTML 页面。要使用 EJS，我们需要先安装它，然后设置视图引擎。然后，我们可以创建 EJS 模板，并使用 res.render() 方法来渲染它。在模板中，我们可以使用 EJS 模板标记来插入动态数据和控制模板的行为。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/655e97f4d2f5e1655d8c1cd5