随着 Node.js 在前端实现的流行,使用模板引擎来呈现动态内容已经成为一种标准的做法。其中,EJS(Embedded JavaScript)模板引擎是一种简单而强大的模板语言,可用于动态生成 HTML、XML、JSON 等各种格式的内容。
本文将详细介绍如何在 Node.js 中使用 EJS 模板引擎,并提供示例代码和学习指导。
安装和引入 EJS 模块
首先,我们需要安装 EJS 模块。可以使用 npm 命令,执行以下代码:
--- ------- ---
安装完成后,在应用程序中使用以下代码引入 EJS 模块:
----- --- - ---------------
使用 EJS 模板引擎
EJS 模板引擎可以使用以下方式创建和呈现模板:
创建 EJS 模板
创建 EJS 模板需要创建一个 .ejs 扩展名的文件。该文件可以包含 HTML 标记、JavaScript 代码、EJS 语法和变量。
以下是示例 EJS 模板:
---- ---- --------- --- --------- ----- ------ ------ ---------- --------- ---------- ------- ------ ------- --------- ------- ---- -- ------- ---- - - -------------- ---- - -- ------- --------- ------- -- - -- ----- ------- -------
在上面的示例中,我们使用了 EJS 语法来动态生成标题和水果列表。语法以 <% 和 %> 开始和结束,以逻辑代码的形式嵌入到 HTML 标记中。我们还使用了 <%= 和 %> 语法来显示 pageTitle 和 fruits 变量的值。
呈现 EJS 模板
要呈现 EJS 模板,可以使用以下代码:
--------------------------- - ---------- --- ---- ------- ------- --------- --------- --------- -- ------------- ---- - -- ----- - ----------------- - ---- - ----------------- - ---
在上面的示例中,我们使用 EJS 的 renderFile() 方法来呈现模板。renderFile() 方法的第一个参数是模板文件的路径,第二个参数是一个对象,其中包含模板中使用的变量。
在回调函数中,我们检查是否出现了错误。如果没有错误,我们将呈现的字符串输出到控制台。
示例代码
以下是一个完整的示例,其中我们创建了一个名为 index.ejs 的 EJS 模板,并在应用程序中使用它进行呈现。
-- -- --- -- ----- --- - --------------- -- -- --- -- --------------------------- - ---------- --- ---- ------- ------- --------- --------- --------- -- ------------- ---- - -- ----- - ----------------- - ---- - ----------------- - ---
学习指导
如果你是新手,我们建议你从以下步骤开始学习使用 EJS 模板引擎:
- 安装 Node.js 和 npm。
- 创建并进入一个新的应用程序目录。
- 安装 EJS 模块:npm install ejs。
- 创建一个名为 index.ejs 的 EJS 模板。
- 呈现 EJS 模板:使用示例代码中的 renderFile() 方法,并提供要呈现的模板文件的路径和包含所需数据的对象。
结论
本文介绍了如何在 Node.js 中使用 EJS 模板引擎,包括安装和引入 EJS 模块、创建和呈现 EJS 模板以及示例代码和学习指导。EJS 模板引擎是一个简单而强大的模板语言,可用于动态生成 HTML、XML、JSON 等各种格式的内容。它对于任何使用 Node.js 的人来说都是一个有价值的补充。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6708e515d91dce0dc8750c3d