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

最新推荐文章于 2021-07-21 16:03:30 发布

codeXml

最新推荐文章于 2021-07-21 16:03:30 发布

阅读量818

点赞数

CC 4.0 BY-SA版权

分类专栏： koa 服务器文章标签： art-template

本文链接：https://blog.youkuaiyun.com/qq_39905409/article/details/85172697

服务器同时被 2 个专栏收录

26 篇文章

订阅专栏

koa

24 篇文章

订阅专栏

本文详细介绍了如何在Koa框架中安装和使用Art-template进行模板渲染，包括安装依赖、配置路径、绑定数据和渲染模板的具体步骤。通过示例展示了如何在模板中使用变量、条件判断和循环等特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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