doT.js

最近用到的數據模板引擎有很多，今天講的doT.js也是其中一種。

doT.js的特點是體積小，速度快，並且不依賴其他插件。

官網下載：http://olado.github.io

下面是用法：

模板引擎

<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

{{? }}//特別是最后的這個，一定不能忘

當然還有一些其他的用法，以后在使用的過程中會慢慢補充上。