1.后台传来的数据

{
"code": 200,
"checkRecords": [
{
"id": "402881e75cc8060e015cc835315b0006",
"checkAt": 1498007548250,
"checkUserId": "402888745c99ba1e015c99ba3d1f0000",
"checkUser": {
"id": "402888745c99ba1e015c99ba3d1f0000",
"name": "admin",
"age": null,
"email": "107888888@qq.com",
"phone": "18602758888",
"gender": "MAN",
"address": null
},
"status": "UN_PASSED",
"unPassReason": "审核失败原因2;审核失败原因3;", }
}
]
}

2.页面模版

<tbody id="lists">
<script type="text/html" id="checkrecords">

{{if checkRecords.length==0}}
<tr>
<td colspan="5">无审核记录</td>
</tr>
{{/if}}
{{if checkRecords.length>0}}
{{each checkRecords as item}}
<tr>
<td>{{item.checkUser.name}}</td>
<td>{{item.checkUser.email}}</td>
<td>
{{if item.status=='PASSED'}}
通过
{{/if}}
{{if item.status=='FOR_CHECK'}}
通过
{{/if}}
{{if item.status=='UN_PASSED'}}
驳回
{{/if}}
</td>
<td>{{item.unPassReason}}</td>
<td>{{item.checkAt | dateFmt}}</td>
</tr>
{{/each}}
{{/if}}

</script>

</tbody>

3.脚本

 var html = template('checkrecords',data);
$("#lists").html(html);

arttemplate02的更多相关文章

随机推荐

  1. (转)图文详解MyEclipse中新建Maven webapp项目的步骤

    转:https://blog.csdn.net/ClementAD/article/details/46592557 MyEclipse中创建新的Maven项目(webapp目录结构)过程如下:   ...

  2. elasticsearch+kibana+fluentd 日志搜集集群搭建

    使用fluentd来搜集Nginx日志,准备3台服务器,列表如下 node1 elasticsearch/kibana/td-agent node2 td-agent/nginx node3 td-a ...

  3. 46、tensorflow入门初步,手写识别0,1,2,3,4,5,6

    1.使用tensorflow的SoftMax函数,对手写数字进行识别 Administrator@SuperComputer MINGW64 ~ $ docker run -it -p 8888:88 ...

  4. 模板引擎的简单原理template

    ​ var templateStr = "我的名字叫<%=name%>我是一只小狗,今年<%=age%>岁."; var data = { name:'旺财 ...

  5. PAT_A1100#Mars Numbers

    Source: PAT A1100 Mars Numbers (20 分) Description: People on Mars count their numbers with base 13: ...

  6. Leetcode代码复盘_分治法相关

    分治法 1.二分搜索(算法时间复杂度O(log n)) 输出:如果x=A[j],则输出j,否则输出0. 1.binarysearch(1,n) 过程:binarysearch(low,high) 1. ...

  7. ajax请求 Provisional headers are show

    请求被阻塞就会导致Provisional headers are show 我的原因是因为数据库 修改操作未提交导致表 锁住 . 后台操作该表超时

  8. Vue之自建管理后台(一)准备工作

    完成最基础的Vue环境及新建一个vue项目. 一般来说,我们拿到一个项目需求或者得到一个需求的时候,第一件应该做的事情不是立马坐在电脑前面去写代码,如果你这么做的,好吧...我只能暂时认定你为一个刚上 ...

  9. python 正则匹配

    正则表达式模式 模式字符串使用特殊的语法来表示一个正则表达式: 字母和数字表示他们自身.一个正则表达式模式中的字母和数字匹配同样的字符串. 多数字母和数字前加一个反斜杠时会拥有不同的含义. 标点符号只 ...

  10. 运行连接Oracle数据库时,Idea报错: Error : java 不支持发行版本5

    按照上面的截图步骤,一步步往下走,再运行程序时就不会报错了. 原文链接:https://blog.csdn.net/qq_22076345/article/details/82392236 感谢原文作 ...