【接口工具ApiPost】响应结果可视化定义使用(展示给客户和老板很有用)(7)

使用过程如下:
模板语法
响应数据变量
可视化方法

模板语法(javascript语言编写)

let template=` 
<h1>{{title}}</h1>
<table>
<tr>
   <td>Msg</td>
   <td>token</td>
</tr>
<tr>
    <td>{{json.msg}}</td>
    <td>{{json.data.token}}</td>
</tr>

</table>` // 定义展示模板

apt.Visualizing(template, {title:"可视化演示", json:response.json}) // 传入展示数据并可视化展示。其中 response.json的意思是返回的json,具体可以下文。

image.png

响应数据

{
    "code": 10000,
    "msg": "success",
    "data": {
        "token": "41183bf5e4bbcaf57f02bc6f2c3aa812"
    }
}

可视化方法

apt.Visualizing(template, {title:"可视化演示", json:response.json})

定义效果如下图:


image.png

结果如下图:


image.png

笔者觉得就是给领导和客户的,把数据搞好看一些。对开发而言json其实也足够了。如果是对接领导和客户多写几行代码把数据做漂亮也体现出专业是不错选择哈!
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容