art-template模板引擎(腾讯公司开发的运行最快的模板引擎)——koa2.x

1、安装

  npm install --save art-template
  npm install --save koa-art-template

2、引入

var render = require('koa-art-template');

3、配置(需要引入path)

  render(app,{
    root:path.join(_dirname,'views'),  //视图位置
    extname:'.html',  //模板后缀名
    debug:process.env.NODE_ENV !== 'production'  //是否开启调试
  })

4、渲染模板

await ctx.render('user');

5、绑定数据

语法一:大部分类似ejs

引入模板:

<% include('./public/footer.html') %>

语法二:类似于angular

 router.get('/'.async (ctx) => {
    let list = {
      name:'slj',
      h:'<h2>这是一个html</h2>',
      num:20,
      data:['111','222','333']
    }
   await ctx.render('news',{
     list:list
   })
  })

 在模板html中渲染数据的方式:
  {{list.name}}    //slj

  {{@list.h}}    //这是一个html

  {{if num>20}}
     <h3>num大于20</h3>
  {{else}}
     <h3>num小于20</h3>
  {{/if}}

  {{each list.data}}
    <li>{{$index}} --- {{$value}}</li>
  {{/each}}

//引入模板

{{include 'public/footer.html'}}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值