javascript 模板引擎选择 doT.js 模板继承宏禅

时间 2019-11-13

标签 javascript 模板引擎选择 dot.js dot 继承栏目 JavaScript 繁體版

原文原文链接

最近开始迁移之前的jsp项目到nodejs上，因此须要选择一个js模板引擎，初步有几点要求：html

这几个条件限制下来只剩doT.js.net

如下内容请先试用 http://olado.github.io/doT/ 官网例子code

何为编译编译期：

我把 <li>{{=it.name}}</li>（模板代码）变为：out+='<li>';out+=it.name;out+='</li>' （目标代码）这个过程叫作编译执行期（整个过程：1：处理替换{# }包围的代码。2：处理替换{{ }}和普通html）

而在此以前还有个时期，他在作宏的编译：

何为宏，他是在生成目标代码前就已经执行完的代码（也就是他把目标代码也当成了文本）：

{{##def.macro:value:
    <li>value {{=value}}</li>
#}}
{{#def.macro:it}}

生成：

out+='<li>it ';
out+=it;
out+='</li>;

get it?

更牛逼的来了，他支持递归，很是简单意外的实现了模板的继承：

base.dot

{{##def.base:
    <html>
        {{#def.body||'<body></body>'}}
    </html>
#}}
{{#def.base}}

page.dot

{{##def.body:
    <body in page>
#}}
{{#def.loadfile('/base.dot')}} {{/*这个方法在doT项目中,只是简单的return base.dot的内容*/}}

更多的使用方法还在等着挖掘

javascript 模板引擎选择 doT.js 模板继承 宏 禅