art-template
art和html页面的语法基本一样
//1.安装依赖
cnpm i art-template -S
cnpm i koa-art-template -S
//2.配置
const render = require(“koa-art-template”);
const path = require(“path”);
render(app,{
/ __dirname当前文件所在文件夹 /
root:path.join(__dirname,”pages”),
extname:”.html”
})
router.get(“/“,async ctx=>{
await ctx.render(“index.html”)
})
1-1 each
{{each arr}}
{{$value}}{{$index}}
{{/each}}
1-2 extend
可以使用一个通用的模块
//nav.html 定义一个公用的导航模块
//index.html 可以在index中使用extend关键字将其获取
{{extend ‘nav.html’}}
1-3 block插槽
作用:可以将模板中是不通用的部分定义在插槽中,不同的页面在插槽中写不同的内容。
<!DOCTYPE html>
{{include ‘./nav.html’}}
{{block “content”}}
{{/block}}<br /></body>
1-4 include
可以获取子模板
{{include ‘./nav.html’}}