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:;" οnclick="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:;" οnclick="del_cate(1)" class="btn btn-danger btn-xs">
                                    <i class="fa fa-trash-o"></i> 删除</a>
                            </td>
                        </tr>
                            {{/each}}
                        </script>
                        </tbody>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值