模板引擎ArtTemplate使用方法

• 导入模板引擎: 将下载好的ArtTemplate导入到页面中

  <script type="text/javascript" src = "./files/template-native.js"></script>

• 定义模板:

  <% %>这样的语法是定义逻辑表达式 <%=内容 %>这样的语法为输出表达式 注意:这路的模板type='text'如果写成javascript会执行

  <script type="text" id = "templ01">
        <ul>
            <li><%=name %></li>
            <li><%=age %></li>
            <li><%=skill %></li>
            <li><ul>favouriteFood
                <% for(var i = 0 ;i < favouriteFood.length;i++) {%>
                    <li><%=favouriteFood[i] %></li>
                <% } %>
                </ul>
            </li>
        </ul>
    </script>

• 读取模板,传入数据:

  导入了模板引擎以后,我们可以使用template(模板id,数据);

    // 调用模板引擎的方法
    var backHtml = template("templ01",data);
    // 返回值就是填充好的内容

data是js对象，如果不只有一个，要把js数组封装成一个对象，如var obj={  iteam:data}    
var backHtml = template("templ01",data);
然后在模板里面添加for循环，
<%=data[i].name %> 即可