JavaScript 模板引擎:tpl.js

jopen 11年前發布 | 64K 次閱讀 tpl.js JavaScript開發

一個輕量的(僅1kb),極速的javascript 模板引擎。

 支持預編譯,支持嵌入原生javascript語法,忽略不存在的變量,可直接在AMD、CMD以及全局環境中使用。

使用方法:

1.引入tpl.js

<script type="text/javascript" src="path/to/tpl.js"></script>

或者在Sea.js和Node.js中:

var tpl = require('path/to/tpl');

2.HTML模板

<div id="view"></div>

<script type="text/template" id="demo">
    <p>Hi, I'm <%=author%><%=anything%></p>
    <p>I can write:
    <% 
        for(var i=0; i<languages.length; i++) { 
            echo( (i===0?"":", ") + languages[i] );
        }
    %>
    </p>
</script>

3.執行渲染

console.log( tpl('#demo', {author: "Jony", languages:["javascript", "php", "shell"]}) );

 結果為: 

<p>Hi, I'm Jony</p>
<p>I can write: javascript, php, shell</p>

 

在線例子:http://niceue.github.io/tpl.js/

在線文檔:https://github.com/niceue/tpl.js 

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