artTemplate4.0使用总结以及与JSP页面冲突解决方案。

2524989571-599d548e962c9_articlex.png

• art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。
  Git地址:https://aui.github.io/art-tem...
  模板语法
  art-template支持两种语法，标准语法可以让模板更容易读写；原始语法具有强大的逻辑处理能力。

• 标准语法

  {{if user}}
    
  {{user.name}}
  {{/if}}
  

• 渲染模板template(id, data)

      $('.content').prepend(template('card',res.data))
       标准语法更容易读写，但是却无法处理复杂的逻辑。
  
  

3383803729-599d64f394724_articlex.png

• 原生语法

      <% if (user) { %>
        
  <%= user.name %>
      <% } %>
  

• 渲染模板template(id, data)

     $('.content').prepend(template('card',res.data))
    原生语法好处理复杂的逻辑，但是因为使用 <%>符号，如果项目中使用了jsp就会语法冲
     突，这个时候只能使用标准语法了。
  
  

---

• 调用外部函数

---

// 定义模板方法
template.defaults.imports.formatDate = function(time) {
    return G.formatDate(time)
}
template.defaults.imports.crop = function(src,type,w,h) {
    return G.crop(src,type,w,h)
}
4.0之前用的是这种方式
template.helper('formatPrice', function(price, type) {});

上面的例子中要调用此函数需要通过imports方法注册：