模板引擎的配置
1、安装依赖koa-views 和ejs
npm install koa-views ejs --save
2、引入 koa-views配置中间件
var views = require('koa-views')
配置中间件
app.use(views(__dirname + '/views',{ // 指定目录/views
map: {
html: 'ejs'
}
}))
3、创建模板 views/index.html
4、渲染页面
let title ="你好,koa模板"
await ctx.render("index.html",{
"title":title,
"newsList":[
{title:'新闻111'},{title:'新闻11133'},{title:'新闻11441'},{title:'新闻22111'},
],
"h":"<h2>后台h页面</h2>"
})
})
-
绑定数据
<%=title%>
-
ejs引入模板 可以用来调用页面或者引入公共标题
<%- include('public/header.html')%>
-
ejs绑定html,解析标签数据
<%-h%>
-
Ejs模板判断语句
-
Ejs模板中循环数据
koa-static静态资源中间件模板
配置静态web
1、安装模块
npm install koa-static --save
2、引入koa-static
const serve = require('koa-static');
app.use(serve('public')) //public是静态文件文件名
3、引入静态图片
<img src="images/1.png" width="100">