artTemplate十分钟快速入手

由于公司要做一个拥有上万的用户平台，一般的jq追加肯定是不行了，被要求用模块引擎，没办法学吧，搜了半天，终于找的了红颜知己artTemplate这是一个非常好学的一个简洁模板引擎。导入template.js文件。

我用的是ajax请求的svn上面的php数据：

    $.ajax({
        url:"http://192.168.1.117:8000/index.php/admin/role/list",
        dataType:"json",
        type:"get",
        success:function(data){
            console.log(data);
            var html = template('test', data);
            document.getElementById('article_list').innerHTML = html;
        },
        error:function(err){
            console.log(err);
        }
    })

data 请求过来是一个json数据。

 <tbody id="article_list">
                        <script id="test" type="text/html">
                            {{each rolelist as value i}}
                            <tr class="long-td">
                            <td>{{value.rolename}}</td>
                            <td>学习笔记</td>
                            <td>{{value.id}}</td>
                            <td>
                                <a href="javascript:;" onclick="cate_state(1);">
                                    <div id="zt1"><span class="label label-info">开启</span></div>
                                </a>

                            </td>
                            <td>2016-10-22 20:50:27</td>
                            <td>2016-12-01 16:58:13</td>
                            <td>
                                <a href="/admin/article/edit_cate/id/1.html" class="btn btn-primary btn-xs">
                                    <i class="fa fa-paste"></i> 编辑</a>  
                                <a href="javascript:;" onclick="del_cate(1)" class="btn btn-danger btn-xs">
                                    <i class="fa fa-trash-o"></i> 删除</a>
                            </td>
                        </tr>
                            {{/each}}
                        </script>
                        </tbody>