Jade 是一种流行的 Node.js 模板引擎，可以用于生成 HTML，XML 和其他文本文件。在使用 Jade 模板时，可以通过变量在模板中动态插入数据。本文将介绍如何在 Node.js 服务器端使用 Jade 模板，并向您展示如何使用变量。
安装 Jade
要使用 Jade 模板引擎，首先需要在 Node.js 中安装它。使用以下命令可将其安装为项目的依赖项：
--- ------- ---- ------
设置 Node.js 服务器
现在我们开始设置 Node.js 服务器。首先，让我们创建一个名为 server.js 的文件，其中包含以下代码：
----- ---- - ----------------
----- -- - --------------
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
----- -------- - ------------------------------------
----- ---- - ----------
------ ----- ----------
-------- -------- -- ---- -------- ---- -----------
---
------------------ ---------------- --------------
--------------
---
------------------- -- -- -
------------------- ------- -- -------------------------
---这段代码包括了以下步骤：
- 加载
http，fs和jade模块。 - 创建一个 HTTP 服务器，当有请求时触发回调函数。
- 编译并渲染 Jade 模板
template.jade，并将其中的变量title和message填充。 - 将生成的 HTML 写入 HTTP 响应，并将响应发送回客户端。
创建 Jade 模板
现在我们需要创建一个名为 template.jade 的文件来存储我们的 Jade 模板。以下是一个示例模板：
------- ----
----
----
------ -----
----
--- -------这个模板非常简单，包括了以下部分：
doctype html：指定文档类型。html：定义 HTML 文档的根元素。head：定义文档头部。title：定义文档标题，使用了变量title。body：定义文档主体。h1：定义一级标题，使用了变量message。
运行服务器并查看结果
首先，让我们启动 Node.js 服务器：
---- ---------
现在我们可以在浏览器中打开 http://localhost:3000/，并且应该会看到以下内容：
------- -- ---- -------- ---- ----------
这就是 Jade 模板和变量的基础用法！
总结
本文介绍了如何在 Node.js 服务器端使用 Jade 模板，以及如何使用变量来动态插入数据。Jade 是一个流行的模板引擎，可用于生成 HTML，XML 和其他文本文件。使用 Jade 模板可以使代码更具可读性，并且很容易使用变量来插入动态数据。下一步，您可以尝试在实际项目中使用 Jade 模板！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/31631