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

转载于:https://www.cnblogs.com/lh460795/p/3394216.html