资讯专栏INFORMATION COLUMN

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

buildupchao / 922人阅读

摘要:原生语法左文右图条评论视频条评论渲染模板原生语法好处理复杂的逻辑,但是因为使用符号,如果项目中使用了就会语法冲突,这个时候只能使用标准语法了。

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))
     标准语法更容易读写,但是却无法处理复杂的逻辑。
    

原生语法

    <% 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方法注册:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84832.html

相关文章

  • 微前端改造初探

    摘要:我们继续沿用了原来就有的,借此把融入整个微前端框架,而已经改造的则不需要我们的开发团队,分框架组和各个业务组。项目该项目是整个微前端项目的入口。本坑实践它很大的理由也是用自己的方法初探微前端实践方法的可行性。 在写这篇文章的一个多月前,本坑还不知道微前端是什么,大概从字面上的含义是比较小的前端项目。 本坑开始实践它,是由于工作要求。改造一个运行多年,前端用jsp写的服务平台项目(以下简...

    KunMinX 评论0 收藏0
  • 超详细的Java面试题总结(四 )之JavaWeb基础知识总结

    摘要:系列文章请查看超详细的面试题总结一之基础知识篇超详细的面试题总结二之基础知识篇超详细的面试题总结三之集合篇常见问题下面的都是自己之前在学习的时候总结的,对于巩固的基础知识应该有很大帮助。注意多线程的并发的读写类属性会导致数据不同步。 系列文章请查看: 超详细的Java面试题总结(一)之Java基础知识篇 超详细的Java面试题总结(二)之Java基础知识篇 超详细的Java面试题总结(...

    Leo_chen 评论0 收藏0
  • Java知识点总结

    摘要:线程池中的和有什么不同直接提交的队列该功能由对象提供。若大于最大线程数,则执行拒绝策略。因为对于固定大小的线程池来说,不存在线程数量的动态变化,所以最大线程数等于核心线程数。返回核心线程数为,最大线程数为无穷大的线程池。 索引的实现方式 1、B+树 我们经常听到B+树就是这个概念,用这个树的目的和红黑树差不多,也是为了尽量保持树的平衡,当然红黑树是二叉树,但B+树就不是二叉树了,节点下...

    I_Am 评论0 收藏0
  • Java知识点总结

    摘要:线程池中的和有什么不同直接提交的队列该功能由对象提供。若大于最大线程数,则执行拒绝策略。因为对于固定大小的线程池来说,不存在线程数量的动态变化,所以最大线程数等于核心线程数。返回核心线程数为,最大线程数为无穷大的线程池。 索引的实现方式 1、B+树 我们经常听到B+树就是这个概念,用这个树的目的和红黑树差不多,也是为了尽量保持树的平衡,当然红黑树是二叉树,但B+树就不是二叉树了,节点下...

    Lorry_Lu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<