如何在 Node.js 中使用 EJS 模板引擎

随着 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 模板引擎:

  1. 安装 Node.js 和 npm。
  2. 创建并进入一个新的应用程序目录。
  3. 安装 EJS 模块:npm install ejs。
  4. 创建一个名为 index.ejs 的 EJS 模板。
  5. 呈现 EJS 模板:使用示例代码中的 renderFile() 方法,并提供要呈现的模板文件的路径和包含所需数据的对象。

结论

本文介绍了如何在 Node.js 中使用 EJS 模板引擎,包括安装和引入 EJS 模块、创建和呈现 EJS 模板以及示例代码和学习指导。EJS 模板引擎是一个简单而强大的模板语言,可用于动态生成 HTML、XML、JSON 等各种格式的内容。它对于任何使用 Node.js 的人来说都是一个有价值的补充。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6708e515d91dce0dc8750c3d