【接口工具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里的关于开发、测试、运维部分介绍完毕。其他一些管理方面的笔者兴趣不大，各位看官大佬们感兴趣去官网瞅瞅，传送门：官网文档

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

自研产品推荐

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

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

为了更好服务大家把之前的公众号和软件激活结合，如有疑问请大家反馈到公众号即可，下个版本30%以上的更新会来自公众号的反馈。
嗯！先解释不上服务端原因，API调试工具的绝大多数时候就是一个数据模型、数据处理、数据模型理解共识的问题解决工具，所以作者结合自己十多年开发使用的一些痛点来打造的，再加上服务端开发一般是面向企业的，作者目前没有精力和时间去打造企业服务。再加上没有资金投入所以服务端开发会滞后，至于什么时候会进行开发，这个要看募资情况和用户反馈综合考虑。虽然目前国内有些比较知名的api工具了，但作者使用后还是觉得和实际使用场景不符。如果有相关吐槽也可以在作者的公众号里反馈蛤！
下面是一段smartApi使用介绍：

下载地址：

https://pan.baidu.com/s/1iultkXqeLNG4_eNiefKTjQ?pwd=cnbl