【接口工具ApiPost】响应结果可视化（19）

大致上有以下过程：

1. 模板语法
2. 响应数据变量
3. 可视化方法

模板语法（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，具体可以下文。

界面效果如下图：

响应数据变量界面

可视化方法

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

先看运行效果如下图：

这个可看作自定义可视化效果哈！

官方说法是：

这样的结果虽然能在一般情况下能满足后端人员调试的需要，但是针对其他人员，比如前端或者测试人员，看起来就有些不太直观。

笔者觉得就是给领导和客户的，把数据搞好看一些。对开发而言json其实也足够了。如果是对接领导和客户多写几行代码把数据做漂亮也体现出专业是不错选择哈！

到此APIPOST里的关于开发、测试、运维部分介绍完毕。其他一些管理方面的笔者兴趣不大，各位看官大佬们感兴趣去官网瞅瞅，传送门：官网文档

============================开发如流水般丝滑！！！

产品推荐

推荐理由

postman在国内使用已经越来越困难：
1、登录问题严重
2、Mock功能服务基本没法使用
3、版本更新功能已很匮乏
4、某些外力因素导致postman以后能否使用风险较大
出于以上考虑因此笔者自己开发了一款api调试开发工具SmartApi，满足基本日常开发调试api需求

简介

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具，由于开发人力就作者一个所以人力有限，因此v1.0.0版本功能进行精简，大功能项有：

• api参数填写
• api请求响应数据展示
• PDF形式的分享文档
• Mock本地化解决方案
• api列表数据本地化处理
• 再加上UI方面的打磨

下面是一段smartApi使用介绍：

下载地址：

https://pan.baidu.com/s/1kFAGbsFIk3dDR64NwM5y2A?pwd=csdn