arttemplate02
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的更多相关文章
随机推荐
- error LNK2001: 无法解析的外部符号 __imp__Shell_NotifyIconA@8
编译链接报错 error LNK2001: 无法解析的外部符号 __imp__Shell_NotifyIconA@8 解决方案: 在代码中添加链接库Shell32.lib #pragma commen ...
- 为什么对象被new 以后在执行dup操作?
为什么对象被new 以后在执行dup操作? 今天有个朋友问我,为什么一个new一个对象的指令在new后面紧跟的是dup操作?他说搜了可能找到的 搜索引擎都找不到答案,包括翻了<<深入JAV ...
- Kafka启动报错
文章目录 问题 解决 问题 通过 ./kafka-server-start.sh ../config/server.properties 启动kafka 之前在server.properties中修改 ...
- Nginx网络架构实战学习笔记(三):nginx gzip压缩提升网站速度、expires缓存提升网站负载、反向代理实现nginx+apache动静分离、nginx实现负载均衡
文章目录 nginx gzip压缩提升网站速度 expires缓存提升网站负载 反向代理实现nginx+apache动静分离 nginx实现负载均衡 nginx gzip压缩提升网站速度 网页内容的压 ...
- shell 过滤器(管道)
将几个命令通过管道符组合在一起就是一个管道,通常,通过这种方式使用的命令就被称为过滤器. 过滤器会获得输入,通过某种方式修改其内容,然后将其输出. 常用的被用作过滤器使用的命令为: 1.awk---用 ...
- 在webpack4 中利用Babel 7取消严格模式方法
报错信息: Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on stri ...
- FrameWork内核解析之Handler消息机制(二)
阿里P7Android高级架构进阶视频(内含Handler视频讲解)免费学习请点击:https://space.bilibili.com/474380680 一.Handler 在Android开发的 ...
- 制作 macOS High Sierra U盘
制作 macOS High Sierra U盘USB启动安装盘方法教程 (全新安装 Mac 系统) 随着苹果 macOS High Sierra 正式版发布,很多使用 Mac 电脑的同学都已升级到最新 ...
- 微服务-熔断器 Hystrix 的原理与使用
前言 分布式系统中经常会出现某个基础服务不可用造成整个系统不可用的情况, 这种现象被称为服务雪崩效应. 为了应对服务雪崩, 一种常见的做法是手动服务降级. 而Hystrix的出现,给我们提供了另一种选 ...
- 回头看看HTML5
前言:自从学习各种框架各种成熟的控件库,越来越觉得疲惫. 一.用语义元素构造网页 在html5中最常用到的页面结构相关的语义元素如下: 页面结构想相关的语义元素 元素 说明 <article&g ...