开源大屏工具的对比
https://gitee.com/anji-plus/report
https://www.oschina.net/p/dataease
dataease | report-ui | 总结 |
---|---|---|
支持数据源 数据库 | 支持数据源 数据库、http等 | 后者更丰富 |
数据集功能,可预览数据集,支持分组 | 数据集功能,支持API请求、不可预览数据集 | |
支持动态数据 | 支持动态数据和静态json | 后者更灵活 |
可拖拽式大屏 | 可拖拽式大屏 | |
分享大屏url | 分享大屏url | |
支持pc端、大屏、移动端 | PC端、大屏 | 前者适用平台更广 |
一键发布 | 一键发布 | |
组件支持line、bar、pie、文本等组件 | 组件支持line、bar、pie、文本等组件 | 组件库丰富程度相当 |
组件支持数据可视化配置 | 组件数据需要写业务代码 | 前者不需要统一接口规范,但是每次配置大屏都需要处理数据,后者需要统一每种组件的接口规范,后续开发前端不需要处理数据,只需要拖拽布局以及样式配置 |
不支持报表 | 支持报表 |
开发大屏的流程 都是从 1.配置数据源 >> 2.新建数据集 >> 3.开发大屏 >> 4.发布/保存 >> 5.预览 等5个流程,下面细说一下每个环节的体验
数据源的配置体验基本一致,report-ui支持数据源类型更多
dataease 数据集分组以tree的形式展现,单击右侧显示数据集详细信息,数据展示更全面,贴近后端开发者;
report-ui 直接以table的形式展示,贴近前端开发者。 新建过程操作体验相当
这里两个项目有了很大区别。
首先,dataease 对于一些图表组件,比如line等echarts 系列,需要先创建视图,在视图中进行样式配置,数据配置,视图创建好后分组、命名、保存;
然后,创建仪表盘,在这里可以选择创建好的视图(这里视图不可以编辑了)、以及一些文本类型的组件进行拖拽布局。
接下来说说report-ui
这里可以创建大屏也可以创建报表,此处我们只说创建大屏
这里所有的组件都是在一个大屏编辑页面进行编辑,样式、属性等配置方式统一在右侧面板,同时这里可以配置静态数据 或者 动态数据。
总结:后者大屏开发更流畅,布局和样式属性在同一个面板编辑。前者可以对同一个接口的视图进行复用
这些操作体验一致
使用层面:dataease 在由组件到大屏的转换当中多了视图,视图创建之后可以在仪表盘中复用,可以提高效率;report-ui直接在大屏面板中对组件进行编辑,不可复用。
功能层面:dataease 不支持静态数据的配置,不支持http类型数据; report-ui 不支持数据集分组,在大屏编辑面板中不支持动态的数据字段配置
UI层面:report-ui 布局更扁平化,功能点一目了然,操作方便