一、项目背景
目前后端接口几乎都完成了自动化梳理，每天定时跑所有的自动化接口，项目上线前手动跑接口，进行接口回归。虽然跑出来数据量很大，能再单次运行中，看到结果。但是如此大的数据，频率也大的情况下。将这些数据分析下，以图表的形式展示出来，会更加直观的看到后端接口的问题，看到我们所有的数据。
二、技术背景
后端：springboot，前端：vue
目前自动化接口都在jenkins上部署完成了。自动化接口源头是在yapi上录入的。yapi提供了完整的单条集合的报告。只需要在jenkins配置时的脚本加上数据存储，将所需要的结果数据存储在数据库中。
数据有了，如果直观简明的展示就是前端来了。
三、数据背景
目前接口自动化是以下面这种维度进行的。
按照不同的业务线，划分不同的项目，每个项目下面按照不同的模块划分多个集合。每个集合下面就是对应模块下的用例了。
基于以上形式，划分表结构为：
四、主要功能展示
4.1、列表
按照项目进行列表展示，可以再此触发jenkins启动，执行自动化运行
4.2、项目报告
按照项目维度进行报告展示。根据时间维度，统计运行case的总数、成功、失败。最近10条记录。【如图一】
点击去具体的某条记录，看到的是该项目，该次运行所有的集合记录。【如图二】
点击具体的某条集合记录，看到的就是本次运行，该集合的报告【如图三】
4.3、集合报告
另一个统计维度就是以集合为维度。从列表点击集合报告。就将该项目的所有集合进行数据汇总。进行直观的展示。【如图一】。该项目下面共有多少个集合，每个集合汇总一个报告。点击对应的集合报告，进入该集合的汇总报告页面【如图二】展示形式同项目报告，只是维度不同。按照时间展示该集合的所有数据。最近10次的运行记录。，点击对应集合某次的运行记录。查看到的就是该集合的该次的报告。
五、项目总结
本次小的技术项目，相比流量回放是比较小的技术项目。并且是在搭建好的框架上进行开发。相对还说没有第一次什么都是尝试的时候困难。本次主要是进行图表的展示。下次遇见图表就知道如果更好的使用了。对于测试来说除了本职的测试工作，一步步的了解学习更多的技术，很开心呀～