模板引擎

時間 2019-12-10

標籤模板引擎简体版

原文原文鏈接

模板引擎（這裏特指用於Web開發的模板引擎）是爲了使用戶界面與業務數據（內容）分離而產生的，它能夠生成特定格式的文檔，用於網站的模板引擎就會生成一個標準的HTML文檔。html

template.js

語法

表達式
對內容編碼輸出： {{content}}
條件表達式

{{if admin}}
 <p>admin</p>
{{else if code > 0}}
 <p>master</p>
{{else}}
 <p>error!</p>
{{/if}}
遍歷表達式

遍歷表達式

{{each list as value index}}
 <li>{{index}} - {{value.user}}</li>
{{/each}}

實例

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>basic-demo</title>
        <script src="../dist/template.js"></script>
    </head>
    <body>
        <div id="content"></div>
            <script id="test" type="text/html">
                {{if isAdmin}}
                    <h1>{{title}}</h1>
                    <ul>
                     {{each list as value i}}
                      <li>索引 {{i + 1}} ：{{value}}</li>
                     {{/each}}
                    </ul>
                {{/if}}
            </script>
            <script>
                var data = {
                 title: '基本例子',
                 isAdmin: true,
                 list: ['文藝', '博客', '攝影', '電影', '民謠', '旅行', '吉他']
                };
                var html = template('test', data);
                document.getElementById('content').innerHTML = html;
            </script>
    </body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。