前言
Ejs 是一种常用的模板引擎，使用它可以方便地将数据渲染在模板中，生成动态的 HTML 页面。在前端开发中，模板引擎通常是不可或缺的工具。而在 Koa 项目中，使用 Ejs 可以更加便捷地构建动态网页。
本文将介绍如何在 Koa 项目中使用 Ejs 模板引擎，包括安装、配置和使用。
安装 Ejs
在使用 Ejs 之前，需要先安装它。可以通过 npm 进行安装。
npm install ejs --save
安装完毕后，在项目目录下会生成一个 node_modules 文件夹，里面包含了 Ejs 所需的全部文件。
配置 Koa
在 Koa 项目中使用 Ejs，需要在配置文件中进行相关配置。通常，配置文件的文件名为 config.js 或 app.js。
在配置文件中，需要引用以下两个包：
const Koa = require('koa');
const render = require('koa-ejs');其中，Koa 是 Koa 框架的核心包，koa-ejs是用于在 Koa 中使用 Ejs 的包。
然后，在配置文件的启动函数中，添加以下代码：
-- -------------------- ---- ------- ----- --- - --- ------ ------------- ----- ----- -- - ----- ------- ----------------- - ------------ ----------------- - ----------- ------------- --- ----------- - ----- -------------------- --------- ------- --------- -------- ------- ------ ------ ------ ---- --- -----------------
该代码会启动一个 Koa 应用，并加载用于渲染 Ejs 模板的参数。其中，参数的含义为：
root：视图文件所在的根目录，这里设为views；layout：默认布局文件的文件名，这里设为layout；viewExt：视图文件的扩展名，这里设为html；cache：是否缓存视图文件，这里设为false；debug：是否开启调试模式，这里设为true。
需要注意的是，这里设置了默认的布局文件名为layout。在后面的示例中，如果渲染的视图文件中没有指定具体的布局文件，就会自动选择加载这个文件。
渲染 Ejs 模板
在 Koa 中使用 Ejs，最关键的一步是渲染 Ejs 模板。以下示例代码中，假设有一个名为index.html的视图文件，其内容如下：
<h1><%= title %></h1> <p><%= content %></p>
这里定义了两个变量名为title和content，用来存储标题和内容。在实际应用中，这些变量的值可以从数据库或服务器端代码中获取。
为了在 Koa 中渲染该模板，需要在路由函数中添加以下代码：
router.get('/', async (ctx, next) => {
const data = {
title: 'Ejs 教程',
content: 'Ejs 是一种模板引擎......'
};
await ctx.render('index', data);
});该代码的作用是将名为 index 的视图文件渲染成 HTML 页面，并将数据对象 data 传递给模板引擎。在模板中，可以使用以下方式获取变量的值：
<%= variableName %>：用于输出变量的值；<%- variableName %>：用于输出变量的值，并且该值是 HTML 代码。如果该变量中包含 HTML 标签，使用这种方式可以保留这些标签；<% code %>：等价于 JavaScript 中的代码块，可以用于执行任意 JavaScript 代码。
需要注意的是，在渲染视图文件时，不需要指定文件的扩展名。在这里，app.js文件中已经定义了视图文件扩展名为html，Koa 会自动读取并渲染扩展名为.html的文件。
总结
本文介绍了如何在 Koa 中使用 Ejs 模板引擎。首先需要安装 Ejs 并在配置文件中进行相关配置，然后可以在路由函数中调用渲染函数，并将数据传递给模板引擎。使用 Ejs 可以非常方便地将数据渲染在模板中，生成动态的 HTML 页面。希望这篇文章对读者在学习和使用 Koa 和 Ejs 时有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645dc3ea968c7c53b002738b