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 模板繼承 宏 禪