art-template模板引擎

如果按照服务器数据列表那样去渲染数据的话，碰到复杂功能编码就会变得很复杂，并且由于要修改字符串中的内容，没有编辑器提示后期维护，加新功能（例如咱们给上传、删除按钮注册click事件）也变得不方便，所以art-template模板引擎就能解决此问题

art-template官网

http://aui.github.io/art-template/zh-cn/docs/index.html

art-template在线地址

可以在html页面中 通过 导入

https://unpkg.com/art-template/lib/template-web.js

art-template 标准语法

{{value}}  // 输出value变量的值
{{data.key}}  // 输出data对象中key属性的值
{{data['key']}} // 输出data对象中key属性的值
{{a ? b : c}} // 三元运算符
{{a || b}}  // 逻辑或运算
{{a + b}}  // 算术运算符

art-template用法步骤

模板引擎.png

art-template体验

  
    
    
    
    
    
  

  
    
看控制台输出
    
    
    

    
    
  

循环语法

{{each target}}
    {{$index}} {{$value}}
{{/each}}
  
// 说明：target 支持 array(数组) 与 object（对象） 的迭代