Fastify 中如何使用模板引擎?

推荐答案

在 Fastify 中使用模板引擎非常简单,可以通过 fastify-view 插件来实现。以下是一个使用 ejs 模板引擎的示例:

-- -------------------- ---- -------
----- ------- - -------------------- ------- ---- ---
----- ---- - ----------------

-- -- ------------ --
------------------------------------------ -
  ------- -
    ---- ---------------
  --
  ----- -------------------- --------- -- -----------
---

-- -----------
---------------- ----- ------ -- -
  ----------------------- - ------ -------- ---- ----- -------- ------- --------- ---
---

-- -----
---------------- ----- ---- -- ----- -- -
  -- ----- -
    -----------------------
    ----------------
  -
---

在这个示例中,我们使用了 ejs 作为模板引擎,并通过 reply.view 方法来渲染模板文件 index.ejs,同时传递了一些数据给模板。

本题详细解读

1. 安装依赖

首先,你需要安装 fastify@fastify/view 插件,以及你选择的模板引擎(如 ejs):

2. 注册插件

在 Fastify 中,模板引擎的使用是通过 @fastify/view 插件来实现的。你需要注册这个插件,并指定使用的模板引擎和模板文件所在的目录。

  • engine:指定模板引擎及其对应的模块。
  • root:指定模板文件所在的目录。

3. 定义路由并渲染模板

在路由处理函数中,你可以使用 reply.view 方法来渲染模板文件,并传递数据给模板。

  • index.ejs:模板文件的名称。
  • { title: 'Fastify with EJS', message: 'Hello, Fastify!' }:传递给模板的数据。

4. 模板文件

views 目录下创建一个 index.ejs 文件,内容如下:

-- -------------------- ---- -------
--------- -----
----- ----------
------
  ----- ----------------
  ----- --------------- ---------------------------- -------------------
  ---------- ----- ----------
-------
------
  ------- ------- -------
-------
-------

在这个模板文件中,我们使用了 ejs 的语法 <%= %> 来输出传递过来的数据。

5. 启动服务器

最后,启动 Fastify 服务器:

访问 http://localhost:3000,你将看到渲染后的页面。

纠错
反馈