快捷搜索:  汽车  科技

springboot vue前后端不分离,自定义的拖拽式智能大屏

springboot vue前后端不分离,自定义的拖拽式智能大屏数据集选择(显示一些配置的数据集) 数据源配置(显示一些数据库的配置源列表) 第二步:选择数据源,选择编码方式,数据集名称,数据集,然后写一下sql语句,就是你要展示的数据字段 第三步:推拽配置大屏,将你想要展示的图标直接拖拽到设计区,可以任意配置二、实现功能

真正的大师 永远都怀着一颗学徒的心!一、项目简介

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

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

数据流程图

springboot vue前后端不分离,自定义的拖拽式智能大屏(1)

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

springboot vue前后端不分离,自定义的拖拽式智能大屏(2)

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

springboot vue前后端不分离,自定义的拖拽式智能大屏(3)

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

springboot vue前后端不分离,自定义的拖拽式智能大屏(4)

二、实现功能

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

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

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

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

三、技术选型

springboot

mybatis

前端:vue 、 elementUI

四、界面展示


springboot vue前后端不分离,自定义的拖拽式智能大屏(5)

springboot vue前后端不分离,自定义的拖拽式智能大屏(6)

springboot vue前后端不分离,自定义的拖拽式智能大屏(7)

springboot vue前后端不分离,自定义的拖拽式智能大屏(8)

springboot vue前后端不分离,自定义的拖拽式智能大屏(9)

springboot vue前后端不分离,自定义的拖拽式智能大屏(10)

五、源码地址

私信回复:智能大屏


猜您喜欢: