純javascript模板引擎 dotpl-js

fmms 12年前發布 | 19K 次閱讀 JavaScript開發 JavaScript

Dotpl-JS 是一個純javascript模板引擎,支持IF和FOR關鍵字,多循環銜套及字段渲染,跨瀏覽器支持。是一個實用的javascipt工具,頁面靜態化利器!

示例代碼:

alert(dotpl.applyTpl("hello ${val}", {val:"world"}));
alert(dotpl.applyTpl("hello ${val} ${val2}", {val:"world",val1:"wide-web",val2:"good"}, function(k,v,kv){
        if(k=='val') return kv['val']+"-"+kv['val1'];
}));
alert(dotpl.applyTpl("hello ${data.val}", {data:{val:"freedom"}}));
alert(dotpl.applyTpl("hello ${data.val} nothing ${none}", {data:{val:"freedom"}}));
alert(dotpl.applyTpl("hello ${val},<tpl if=\"'${action}'=='love'\">i ${action} you</tpl>", 
 {val:"town", action:'love'})); 
alert(dotpl.applyTpl("list:\n<tpl for=\"data\">${__offset} hello ${key} ${val}\n</tpl> 
list2:\n<tpl for=\"data\">${__offset} 1024 ${key} ${val}\n</tpl>",  
{data:[{key:"world", val:'like'},{key:"town", val:'freedom'}]})); 

項目主頁:http://www.baiduhome.net/lib/view/home/1329974167859

 本文由用戶 fmms 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!