自定义的拖拽式智能大屏(springboot+VUE)

2,689 阅读1分钟

真正的大师,永远都怀着一颗学徒的心!

一、项目简介

一个开源的可以自定义的拖拽式智能报表系统。项目主要技术是springboot和vue.

三步就可以配置一个报表展示大屏。

数据流程图

自定义的拖拽式智能大屏(springboot+VUE)

第一步:配置我们需要的数据源,也就是连接一个数据库,mysql,oracle,SqlServer等等;

自定义的拖拽式智能大屏(springboot+VUE)

第二步:选择数据源,选择编码方式,数据集名称,数据集,然后写一下sql语句,就是你要展示的数据字段

自定义的拖拽式智能大屏(springboot+VUE)

第三步:推拽配置大屏,将你想要展示的图标直接拖拽到设计区,可以任意配置

自定义的拖拽式智能大屏(springboot+VUE)

二、实现功能

  • 数据源配置(显示一些数据库的配置源列表)

  • 数据集选择(显示一些配置的数据集)

  • 报表管理(管理原先设置的报表,主要是增删改查)

  • 大屏报表(显示配置好的大屏)

三、技术选型

springboot

mybatis

前端:vue 、 elementUI

四、界面展示

自定义的拖拽式智能大屏(springboot+VUE)

自定义的拖拽式智能大屏(springboot+VUE)

自定义的拖拽式智能大屏(springboot+VUE)

自定义的拖拽式智能大屏(springboot+VUE)

自定义的拖拽式智能大屏(springboot+VUE)

自定义的拖拽式智能大屏(springboot+VUE)

五、源码地址

见主页