在前端开发中，模板引擎是一个非常重要的工具，它可以让我们更加方便地组织和管理页面结构。在 Node.js 中，有很多流行的模板引擎，如 EJS、Pug、Handlebars 等。本文将介绍如何在 Koa 中使用 EJS 模板引擎来渲染页面。
安装 EJS
在使用 EJS 之前，我们需要先安装它。可以使用 npm 命令进行安装：
--- ------- --- ------
初始化 Koa 应用
接下来，我们需要初始化一个 Koa 应用。可以使用以下命令来初始化一个空的 Koa 应用：
--- ---- -- --- ------- --- ------
配置 EJS
在 Koa 应用中使用 EJS，我们需要先配置 EJS。可以使用以下代码来配置 EJS：
----- --- - --------------- ----- ----- - --------------------- ----- --- - --- ------ ----------------------- - --------- - ---------- ----- ----
在这里，我们使用了 Koa 的中间件 koa-views 来配置 EJS。其中，__dirname + '/views' 表示 EJS 模板所在的路径，extension: 'ejs' 表示 EJS 的后缀名为 .ejs。
创建 EJS 模板
接下来，我们需要创建一个 EJS 模板。可以在项目根目录下创建一个 views 文件夹，并在其中创建一个 index.ejs 文件，代码如下：
--------- ----- ----- ---------- ------ ----- ---------------- ---------- ----- ---------- ------- ------ ------- ------- ------- ------- -------
在这里，我们使用了 EJS 的模板语法。其中，<%= title %> 和 <%= message %> 分别表示要渲染的变量。
渲染 EJS 模板
最后，我们需要在 Koa 应用中渲染 EJS 模板。可以使用以下代码来渲染 EJS 模板：
------------- --- -- -
----- ------------------- -
------ ------- -----
-------- -------- -- ----
---
---在这里，我们使用了 Koa 的上下文对象 ctx 的 render 方法来渲染 EJS 模板。其中，'index' 表示要渲染的模板文件名，{ title: 'Hello, EJS', message: 'Welcome to Koa' } 表示要渲染的变量。
示例代码
完整的示例代码如下：
----- --- - ---------------
----- ----- - ---------------------
----- --- - --- ------
----------------------- - --------- -
---------- -----
----
------------- --- -- -
----- ------------------- -
------ ------- -----
-------- -------- -- ----
---
---
---------------- -- -- -
------------------- ------- -- ------------------------
---总结
本文介绍了如何在 Koa 中使用 EJS 模板引擎来渲染页面。通过本文的学习，读者可以了解到 EJS 的基本语法和 Koa 中使用 EJS 的方法，可以在实际开发中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663dccd8d3423812e4be7e06