jquery 模板引擎使用介绍

步骤如下：
1、引入jquery.tmpl.min.js
2、js 端获取一个 list 数据
如：function resolveData(listData){
    //这里使用jquery temp 模板引擎
    var html = "";
    if(listData == undefined){
        template('item-cards', {eachlist: null});
        html = "<div class='content_none'><span>此分类下暂无课程</span></div>";
    }else{
    html = template('item-cards', {eachlist: listData});
    }
$('#courseList').html(html);

3、jsp或者html 页面 如下形式：
<script id="item-cards" type="text/html">              

 {{each eachlist as item i}}
         <a class="course_list_small {{if (i+1) % 4 ==0}}margin_right_0{{/if}}"

        target='_blank' href='${ctx}/course/courseDetail?goodsId={{item.id}}'>                        

        <div class="img_div">                                

                <img src="${img_suffix}{{item.imageUrl}}">                          

      </div>                          

      {{if item.studyStatus == 2}}                            

            <div class="state_green">正在学</div>                          

       {{/if}}                            

       {{if item.studyStatus == 3}}                          

             <div class="state_grey">已学完</div>                          

     {{/if}}                                

        <h2>                                

            {{item.courseName}}                                

        </h2>                            

        <p>                                  

             {{if item.pageViews == null}}                                

                    0人正在学                                  

             {{else}}                                  

             {{item.pageViews}}人正在学                                

            {{/if}}                            

        </p>                            

    </a>                  

     {{/each}}              

 </script>

转载于:https://my.oschina.net/u/2268956/blog/896731