自动化工具 新潮测试平台之报表系统

新潮质量保障 for 新潮测试技术 · February 12, 2020 · 416 hits

该文原创为新潮质量保障技术团队中的 “上进的中年软件测试从业者”,用于技术交流分享

不知不觉这已经是十几篇了,且不论质量、效果,至少有这份寄托让我一直不敢懈怠。周末和朋友聊了一下对一些事的看法,最终让我意识到不同人做相同的事所产生的必然结果的源头,就是人本身所具备韧性的强弱。

言归正传,我们今天要介绍的是团队核心成员之一小杰的平台力作,报表系统。虽然这货平常总是给我白眼,毕竟那么熟了,我还是选择原谅他。报表系统的作用很简单,省去废话,直截了当

选型

最早我在做选型的时候,由于没有经验,选了chartkick实现报表系统。但是最终用的过程中发现兼容性太差,对于python的支持不是很好:

  • 标题设置存在问题
  • 渲染的图标可操作性差
  • 公开资料少
  • 支持的图表类型少

    小杰调研后,找到pychart(属于echart对python的支持)。pychart有以下特点:

  • 支持的图标类型多样。

  • 渲染的图标自动支持多样的操作,如勾选,拖动等。

  • 官方API文档能很好的支持实现:https://pyecharts.org/#/zh-cn/data_format?id=python-gt-json

控制层

封装常用的图形(柱状与线形图类似,可以封装到一起)

  • x_label:X轴内容
  • y_data: Y轴数据及配置,如颜色、是否默认选中等
  • subtitle: 副标题
  • width: 宽度
  • height: 高度
  • center: 中心位置
  • template:渲染的媒介文件
  • wordcloud封装的是词云型报表

simple_chart.html

  • 报表的基础模板,用于生成报表的html。
  • chart通过flask的框架在渲染模板的时候传入。

macro(对数据进行逻辑处理)

视图层

  • 前端页面通过flask_admin的框架直接用get请求拿到模板。
  • 模块里面通过ajax请求到/oneMonthAgo拿到对应的数据,进行渲染。

结语

因为涉及到敏感数据,这里就不对效果图进行展示了。从达到的效果来说,是非常不错的。但是过程并不像看上去的那么容易,经历过波折,攻克过难题。不要诧异为什么你的什么身边总会有帮扶你的人,那是因为你值得信任。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
No Reply at the moment.
需要 Sign In 后方可回复, 如果你还没有账号请点击这里 Sign Up