JS模板引擎art-template

我会带着你远行 2022-05-13 06:28 184阅读 0赞

> art-template 是一个简约、超快的模板引擎。  
> 它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。

文档地址：[https://aui.github.io/art-template/docs/index.html][https_aui.github.io_art-template_docs_index.html]

gitHub地址：  
[https://github.com/aui/art-template][https_github.com_aui_art-template]

使用例子在github的example中有。

通常，在不借助模板引擎Ajax查询数据列表，需要自己手动拼写N多个tr和td。  
比如：

$.get("${ctx}/student/list",function(r) { 
        if (r.returncode == 0) {
          if (r.data) {
            var t = $('#list tbody').empty();
            for (var i=0;i< r.data.length;i++) {
              var item = r.data[i];
              var tr = "<tr><td>"+ (i+1)+"</td><td>" + item.name + "</td><td>" + item.age + "</td><td>" + item.scoreSum+ "</td><td>"+ item.scoreAvg + "<td></tr>";
              t.append($(tr));
            }
          }
        }
        else {
          layer.alert(r.errmsg);
        }
    });

使用JS模板引起后：

[https_aui.github.io_art-template_docs_index.html]: https://aui.github.io/art-template/docs/index.html
[https_github.com_aui_art-template]: https://github.com/aui/art-template