??在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模板引擎后,就可以編寫模板了,為了模板統(tǒng)一管理,我們新建一個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');
})
