Koa 中如何使用模板引擎？

推荐答案

在 Koa 中使用模板引擎通常需要借助第三方中间件，比如 koa-views 或 koa-ejs。以下是一个使用 koa-views 和 ejs 模板引擎的示例：

// www.javascriptcn.com code example
const Koa = require('koa');
const views = require('koa-views');
const path = require('path');

const app = new Koa();

// 配置模板引擎
app.use(views(path.join(__dirname, '/views'), {
  extension: 'ejs'
}));

// 路由处理
app.use(async (ctx) => {
  await ctx.render('index', { title: 'Koa with EJS' });
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

在这个示例中，koa-views 中间件用于配置模板引擎，ejs 作为模板引擎来渲染视图。ctx.render 方法用于渲染指定的模板文件，并传递数据给模板。

本题详细解读

1. 安装依赖

首先，你需要安装 koa-views 和 ejs：

npm install koa-views ejs

2. 配置模板引擎

在 Koa 应用中，使用 koa-views 中间件来配置模板引擎。koa-views 支持多种模板引擎，如 ejs、pug、handlebars 等。你需要指定模板文件的路径和使用的模板引擎。

app.use(views(path.join(__dirname, '/views'), {
  extension: 'ejs'
}));

3. 渲染模板

在路由处理中，使用 ctx.render 方法来渲染模板。第一个参数是模板文件的名称（不需要带扩展名），第二个参数是传递给模板的数据。

app.use(async (ctx) => {
  await ctx.render('index', { title: 'Koa with EJS' });
});

4. 模板文件

在 views 目录下创建一个 index.ejs 文件，内容如下：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
  <title><%= title %></title>
</head>
<body>
  <h1><%= title %></h1>
</body>
</html>

5. 运行应用

启动应用后，访问 http://localhost:3000，你将看到渲染后的页面，标题为 "Koa with EJS"。

通过这种方式，你可以在 Koa 中轻松使用模板引擎来渲染动态内容。