1、安装 koa-views 和 ejs
安装 koa-views npm install --save koa-views / cnpm install --save koa-views
安装 ejs npm install ejs --save / cnpm install ejs --save
2、引入 koa-views 配置中间件
//views 网页文件位置
/*
配置EJS 模板引擎的两种方式
1.{ map: {html: 'ejs' }} 这种配置方式模板的后缀名要以HTML结尾
2.{extension:'ejs'} 这种配置方式文件后缀名直接以ejs结尾即可
*/
const views = require('koa-views');
app.use(views('views', { map: {html: 'ejs' }}));
3、Koa 中使用 ejs:
router.get('/add',async (ctx)=>{
let title = 'hello koa2'
await ctx.render('index',{
title })
})
//ctx.render('index') 渲染模板
ctx.render('index',{
title })
//title是简写,这里是想ejs模板传值 不简写的方式是{title:title}
4、Ejs 引入模板
<%- include header.ejs %>
5、Ejs 绑定数据
<%=h%>
6、Ejs 绑定 html 数据
<%-h%>
7、Ejs 模板判断语句
<% if(true){ %>
<div>true</div>
<%} else{ %>
<div>false</div>
<%} %>
8、Ejs 模板中循环数据
<%for(var i=0;i<list.length;i++) { %>
<li><%=list[i] %></li>
<%}%>