1.前言
ArtTemlate是一个前端渲染模板引擎,能异步操作下实现类似于jsp中C标签的数据渲染效果,具有稳定、轻量、性能高、容易上手等优点,在jsp及html中均可使用。现已集成到我们的新框架中,无需再另外引用js等其他文件,直接使用即可。
2.传统js/jq的append追加传统的js/jq的追加数据写法通常如上图所示。这种写法正逐渐被淘汰,因为其具有编写繁琐、不好维护等弊端,如标签在拼接时只是一个字符串,出现语法错误也无法编译检测。
3.artTemplate模板引擎
为解决上面描述的传统追加方式的痛点,很多前端渲染模板引擎开始兴起,artTemplate只是其中一个产品,它能轻松执行一些基础判断,快速实现开发人员想要的数据渲染效果。
4. artTemplate使用方法
(1)设好要加载数据的div的ID,在该id后的script标签体内写要展示的语句体,可用循环或判断
使用模板渲染好数据后再插入到目标容器中即可,代码如下:
这里须注意两个截图中的id关联,不然数据可能会渲染失败。
5.判断语句
6.常见问题
1)后续插入html标签
通常标签都是先写好在页面上,再通过artTemplate渲染数据,但若需要插入之前没有的html标签,即要渲染的数据本身就是一些html代码,这时情况就有点特殊了(如下图)。
没作处理是达不到我们想要的显示效果的,html代码会直接不经渲染就显示出来,如下图:
这种情况其实也很容易解决,加行配置代码就行:
感谢阅读,如有问题,欢迎交流。 --梁植淋