第一步: 增加EJS包.
1.进入项目下,npm install -save ejs
2.app.js加入:
const ejs = require(‘ejs’);
app.use(views(__dirname + ‘/views’, {
map : {html:‘ejs’}
}));
如果使用koa-generator自动生成项目,直接koa2 -e prjectName 即可.
使用这个命令之后,可以看到项目下,views中增加了index.ejs 和 error.ejs
第二步:改变一下index.ejs的内容.
这个时候,可以编辑一下index.ejs. 加入一行自己的标记. 再打开127.0.0.1:3000, 就可以看到主页发生了变化.
机制是如何的呢? 应该是app.js 调用 index.js,然后用index.ejs来渲染.大概是这么个逻辑.
第三步:在index.js中增加一个路由:
打开index.js,照葫芦画瓢,增加一段代码:
router.get(’/MyRoute’, async (ctx, next) => {
ctx.body = ‘hello this is myRoute’
})
然后 npm start
输入网址: IP/MyRoute
第四步:增加自己的新页面:
4.1 打开index.js, 加入这样的代码:
router.get(’/MyCalc’, async (ctx, next) => {
await ctx.render(‘MyCalc’, {
title: ‘Hello MyCalc’
})
4.2 在views文件夹下,加入一个新文件, MyCalc.ejs 具体内容可以仿照index.ejs的写法.
然后 npm start
输入网址: IP/MyRoute