koa中运用art-template模板

koa中运用art-template模板

安装
npm i art-template -S
npm i koa-art-template -S

配置

const render=require('koa-art-template')  //引入koa-art-template
render(app,{     //一定写在app后面   
  root:path.join(__dirname,'view'), //view视图的文件位置
  extname:'.html', //后缀名
  debug:process.env.NODE_ENV!=='production' //是否开启调试模式
})

使用

router.get('/views',async (ctx)=>{  //views代表路由
  await ctx.render('index')     //渲染index.html文件，上面配置了是以.html文件结尾的
})

语法

标准语法
{{value}} 或者{{$data}}
{{data.key}}或者{{@ key}}
{{data['key']}}
{{a ? b : c}}
{{a || b}}
{{a + b}}
原始语法
< %= value %>
< %= data.key %>或者<%- key %>
< %= data [' key '] %>
< %= a ? b : c %>
< %= a || b %>
< %= a + b %>

循环

{{each students}}
{{$index}}{{$value.name}}//下标
{{/each}}

模板继承extend

{{extend "./xxx.html"}}

{{include "./xxx.html" data}}