doT.js 声明

// 模板引擎配置项

var tmplOptions = {

    evaluate:    /\{\{([\s\S]+?\}?)\}\}/g,

    interpolate: /\{\{=([\s\S]+?)\}\}/g,

    encode:      /\{\{!([\s\S]+?)\}\}/g,

    use:         /\{\{#([\s\S]+?)\}\}/g,

    useParams:   /(^|[^\w$])def(?:\.|\[[\'\"])([\w$\.]+)(?:[\'\"]\])?\s*\:\s*([\w$\.]+|\"[^\"]+\"|\'[^\']+\'|\{[^\}]+\})/g,

    define:      /\{\{##\s*([\w\.$]+)\s*(\:|=)([\s\S]+?)#\}\}/g,

    defineParams:/^\s*([\w$]+):([\s\S]+)/,

    conditional: /\{\{\?(\?)?\s*([\s\S]*?)\s*\}\}/g,

    iterate:     /\{\{~\s*(?:\}\}|([\s\S]+?)\s*\:\s*([\w$]+)\s*(?:\:\s*([\w$]+))?\s*\}\})/g,

    varname:    'it',

    strip:        true,

    append:        true,

    selfcontained: false

};

// 模板引擎与jquery集成

$.extend({

    tmpl: function(template, options) {

        options = (options) ? $.extend(tmplOptions, options) : tmplOptions;

        return doT.template.apply(null,[template, options]);

    }

})
//使用方法
var doTtmpl = $.tmpl($("#prolistTmpl").html())
//data 是json数据
var data = {“name”:”jerman”,”location”:”shenzhen”,”work”:”Front-end development engineer”,”number”:[1,2,3,4,5,6]};
var html = doTtmpl(data);

//简单调用
var html = doT.template(template)(data)

<script id="prolistTmpl" type="text/x-dot-template">
{{~it :item:index}}
<li class="{{=item.name}}" >
</li>
{{~}}
</script>

更多用法  查看官网： http://olado.github.io/doT/index.html