ejs jade art-tempate

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”}}

  1. {{/block}}<br /></body>

1-4 include

可以获取子模板

{{include ‘./nav.html’}}