模板引擎

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}}