koa 动态渲染ejs里的数据
时间: 2023-08-09 22:08:07 浏览: 83
要在 Koa 中动态渲染 EJS 模板文件,可以使用以下步骤:
1. 安装 EJS 模板引擎和 koa-views 中间件:
```
npm install ejs koa-views
```
2. 在 Koa 应用中引入 koa-views 中间件并配置:
```
const Koa = require('koa');
const views = require('koa-views');
const app = new Koa();
app.use(views(__dirname + '/views', {
extension: 'ejs'
}));
```
这里的 `__dirname + '/views'` 是指模板文件所在的目录,`extension` 则是指定使用的模板引擎。
3. 在路由中使用 `ctx.render()` 方法渲染模板:
```
app.use(async (ctx) => {
await ctx.render('index', { title: 'Koa Demo', content: 'Hello World' });
});
```
这里的 `index` 是指模板文件的名称,后缀 `.ejs` 会自动添加,第二个参数则是传入模板的数据。
4. 在 EJS 模板文件中使用动态数据:
```
<h1><%= title %></h1>
<p><%= content %></p>
```
在 EJS 模板中使用 `<%= %>` 来输出动态数据,这里的变量名称和路由中传入的参数名称保持一致。
这样就可以在 Koa 应用中动态渲染 EJS 模板文件了。
阅读全文