最近用到的数据模板引擎有很多,今天讲的doT.js也是其中一种。
doT.js的特点是体积小,速度快,并且不依赖其他插件。
下面是用法:
模板引擎
<script id="visitlisttmpl" type="text/x-dot-template">
{{if( it && it.length>0 ){ }}
{{ for(var i=0; i< it.length; i++) { }} {{ } }} {{ }else{ }} {{ } }}
</script>
调用模板引擎
<script type="text/javascript">
var evalText = doT.template($("#visitlisttmpl").text());//visitlisttmpl是模板
html = evalText(data);//data是已经得到的数据集合,json数据格式
$("#temp").html(html);
</script>
在使用模板引擎的过程中,会遇到一些问题,比如说是if...else...的用法,如下:
{? it[i].data === null }}//if {{?? }}//else {{? }}//特别是最后的这个,一定不能忘
当然还有一些其他的用法,以后在使用的过程中会慢慢补充上。