JS_0037:template 模板引擎使用

 

引入引擎文件  template.js

 

1,定义引擎模块

<script type="text/html" class="card-tpl">
    <!-- 生成案例列表循环 -->
    <%for(var i = 0;i < cards.length; i++){%>
        <div class="card-wrap" name="<%:=cards[i].proAddr%>">
            <img src="<%:=cards[i].img%>"  class="left">
            <span class="card-title">
                <%:=cards[i].title%>
            </span>
            <span class="card-slogen"><%:=cards[i].slogen%></span>
        </div>
    <%}%>
</script>

 

2,读取json数据并赋值生成html标签

    $.get("../data/url.json", function(t) {
        var a = document.getElementsByClassName("card-tpl")[0].innerHTML,
            n = template(a, {
                cards: t.data
            });
        $(".cards-part").append($(n)), 
        bindClickEvt(), 
        loaded()
    })

 

json数据格式

JS_0037:template 模板引擎使用

 

JS_0037:template 模板引擎使用

上一篇:CSS样式继承和样式权重


下一篇:pytest入门到放弃20--HTML报告