• 模板引擎


    模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。

    • template.js
    1. 语法
    • 表达式
    • 对内容编码输出: {{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>
    
  • 相关阅读:
    vision transformer
    亮剑,gacutil.exe
    MOSS自定义登陆页面
    查看应用程序的进程ID
    基于AD的表单认证 Moss2010
    js 实现拖动
    获取指定数据库表, 以及指定表的数据信息
    二分法
    JZ053表示数值的字符串
    JZ054字符流中第一个不重复的字符
  • 原文地址:https://www.cnblogs.com/Hsong/p/10536584.html
Copyright © 2020-2023  润新知