前言
Koa 是一个新兴的 Node.js Web 框架，具有轻量、灵活、易扩展等优点，在前端开发中越来越受到欢迎。而 EJS 是一款高效的 JavaScript 模板引擎，可以帮助我们更方便地渲染页面。本文将介绍如何在 Koa 中集成 EJS 模板引擎，以及如何使用它来渲染页面。
安装
在使用 EJS 模板引擎之前，我们需要先将其安装到项目中。在命令行中输入以下命令即可：
npm install ejs --save
配置
在安装完 EJS 模板引擎之后，我们需要在 Koa 中进行配置。在 Koa 中，我们可以使用 koa-views 中间件来集成 EJS 模板引擎。首先，我们需要安装 koa-views 中间件：
npm install koa-views --save
然后，在 Koa 的入口文件中，我们需要进行如下配置：
const Koa = require('koa');
const views = require('koa-views');
const app = new Koa();
// 配置模板引擎
app.use(views(__dirname + '/views', {
extension: 'ejs'
}));在上面的代码中，我们通过 app.use 方法使用了 koa-views 中间件，并将模板引擎的配置信息传递给了 views 方法。其中，第一个参数是模板文件所在的目录，第二个参数是模板文件的后缀名。
使用
在配置好模板引擎之后，我们就可以在 Koa 中使用 EJS 来渲染页面了。在路由处理函数中，我们可以通过以下代码来渲染模板：
const router = require('koa-router')();
router.get('/', async (ctx, next) => {
await ctx.render('index', {
title: 'Koa + EJS',
message: 'Hello, Koa!'
});
});在上面的代码中，我们使用了 ctx.render 方法来渲染模板。其中，第一个参数是模板文件的名称，不需要指定后缀名；第二个参数是传递给模板的数据。
在模板文件中，我们可以通过以下方式来使用传递的数据：
-- -------------------- ---- -------
--------- -----
------
------
---------- ----- ----------
-------
------
------- ------- -------
-------
-------在上面的代码中，我们使用了 <%= %> 语法来输出传递的数据。
示例代码
下面是一个完整的示例代码，供大家参考：
-- -------------------- ---- -------
----- --- - ---------------
----- ----- - ---------------------
----- ------ - ------------------------
----- --- - --- ------
-- ------
----------------------- - --------- -
---------- -----
----
-- ------
--------------- ----- ----- ----- -- -
----- ------------------- -
------ ---- - -----
-------- ------- -----
---
---
-- ----
-------------------------
-- ----
---------------- -- -- -
------------------- -- ------- -- ------------------------
---总结
本文介绍了如何在 Koa 中集成 EJS 模板引擎，并通过示例代码展示了如何使用它来渲染页面。希望本文能够帮助大家更好地使用 Koa 和 EJS，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/668f12c7dc1ed1a61b33cc47