首页 > 其他 > 详细

模板引擎

时间:2019-03-15 14:10:20      阅读:117      评论:0      收藏:0      [点我收藏+]

模板引擎(这里特指用于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>

模板引擎

原文:https://www.cnblogs.com/Hsong/p/10536584.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!