artTemplate前端模板引擎使用整理

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代码会直接不经渲染就显示出来，如下图：

这种情况其实也很容易解决，加行配置代码就行：

感谢阅读，如有问题，欢迎交流。                                    --梁植淋