var html;
    var bt = baidu.template;
    $(function () {
        $.ajax({
            type: "GET",
            url: "/Json/Analysis.js",
            dataType: 'json',
            success: function (data) {
                html = bt('t:Jtlm_Analysis', {
                    list: data
                });
                document.getElementById('Jtlm_Analysis').innerHTML = html;
            }
        });
    });

    <% for(var i=0;i< list.length;i++){%>
    
        
            
                " alt="<%=list[i].Title%>" title="<%=list[i].Title%>" target="_blank"><%=list[i].Title%>
            
            
                
                    
                
                
                    
                
            

渲染结果

ArtTemplate 代码引入

$.ajax({
            type: "GET",
            url: "Json/HomeJsonFirst.js?r=" + Math.random(),
            dataType: 'json',
            success: function (data) {
                //Tab 切换
                html = template('t:layout_2', {
                    list: data.Layout_2
                });
                document.getElementById('layout_2').innerHTML = html;
                //看点
                html = template('t:layout_6', {
                    title: JLConsts.Group_Layout_6_Name,
                    list: data.Layout_6
                });
                document.getElementById('layout_6').innerHTML = html;
                //开心一刻
                html = template('t:layout_7', {
                    title: JLConsts.Group_Layout_7_Name,
                    list: data.Layout_7
                });

ArtTemplate 模板

    
`title`
    {{each list as value i}}
    
        {{each value.HList as a i}}
        

            
                
            
        
        

            `a`.`Title`
        
        {{/each}}
    
    

        {{each value.List as l i}}
        

            {{each l.List as a i}}
            `a`.`Title`
            {{/each}}
        
        {{/each}}
    
    {{/each}}

渲染结果

基本遍历模板

多层遍历模板

简单的 if else

Json构造结果

通过对比，ArtTemplate渲染的速度更快一点，对于不经常更新的数据，我们可以采用定时生成Json，通过ArtTemplate引擎进行渲染，这样可以大大提高网站的访问速度，

案例赏析   

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流