在koa2中使用模板机制必须依靠中间件,最常用的便是koa-views。下面以常用的模板引擎ejs为例。
【安装koa-views】
npm install koa-views --save --registry=https://registry.npm.taobao.org
【安装ejs模板引擎】
npm install ejs --save --registry=https://registry.npm.taobao.org
【编写模板】
安装好ejs模板引擎后,就可以编写模板了,为了模板统一管理,我们新建一个view的文件夹,并在它下面新建index.ejs文件。
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
</head>
<body>
<p>EJS Welcome to <%= title %></p>
</body>
</html>
【编写koa文件】
有了模板文件,我们需要在js文件中配置并渲染。
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 ) => {
let title = 'hello koa2'
await ctx.render('index', {
title
})
})
app.listen(3000,()=>{
console.log('server is starting at port 3000');
})