1.引入template.js
<script src="../static/assets/vendors/art-template/template-web.js"></script>
2.添加作为模板的script的标签
注意:script里的type=“text/art-template”
”
<
script
type=
"text/art-template"
id=
"template"
>
{{each data value}}
<tr>
<td class="text-center"><input type="checkbox"></td>
<td>{{value.author}}</td>
<td style="width:400px;">{{value.content}}</td>
<td>{{value.title}}</td>
<td>{{value.created}}</td>
<td>
{{ if value.status =="held"}}
未审核
{{ else if value.status == "approved"}}
已批准
{{ else if value.status == 'rejected'}}
已驳回
{{/if}}
</td>
<td class="text-center">
<a href="post-add.php" class="btn btn-warning btn-xs">驳回</a>
<a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
</td>
</tr>
{{/each}}
</
script
>
3.调用模板
var
html =
template(
'template',
response);
$(
'tbody').
html(
html);
注意这里的参数
第一个参数是script的id,第二个是从后台得到的数据, 如果这个数据是以下对象
$response =[
'code'=>
1,
'msg'=>
"查询成功",
'data'=>
$res];
那有三种写法:
1.传入response 模板里对应 {{ each data value}}
2. 传入response.data ==> {{each $data value}} //这里data是个数组
3.传入{data :response.data} ==> {{ each data value}}