当前位置:首页 > 技术文章 > 正文内容

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

zonemu2个月前 (08-19)技术文章20

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

一、项目简介

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

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

数据流程图

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

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

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

二、实现功能

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

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

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

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

三、技术选型

springboot

mybatis

前端:vue elementUI

四、界面展示


五、源码地址

私信回复:智能大屏


相关文章

react hooks自定义组件居然能这样做

前言  这里写一下如何封装可复用组件。首先技术栈 react hooks + props-type + jsx封装纯函数组件。类组件和typeScript在这不做讨论,大家别白跑一趟。接下来会说一下封...

如何使用git clone克隆包含子模块的仓库

技术背景在软件开发中,当项目规模逐渐增大时,为了更好地管理代码,我们常常会使用子模块将项目拆分成多个独立的部分。Git 作为目前最流行的版本控制系统,提供了管理子模块的功能。但在克隆包含子模块的仓库时...

HTML5+眼球追踪?黑科技颠覆传统手机体验

今天,iH5工具推出一个新的神秘功能——眼动追踪,可以通过摄像头捕捉观众眼球活动!为了给大家具体演示该功能的使用,我做了一个案例,供大家参考。实际效果如下:案例比较简单,就是通过眼动功能获取视觉焦点位...

100行Html5+CSS3+JS代码实现元旦倒计时界面

一、前言2022年到了,祝大家虎年大吉喜气临,昂首摆尾迎春来。双眼圆睁看世界,万水千山尽开颜。胡须翘翘美姿态,人人开心祝平安。巨大身躯摇摆摆,坎坷困境当笑谈。愿你虎年万事顺,吉星高照旺旺旺!二、202...

详解HTML5培训课程行业标准(html5课程总结)

需要HTML5培训必须先了解HTML5前景,没前景的职业,我们绝对不去入坑,这是正常人的思维。因此学习HTML5还的要多了解一些,目前HTML5技术已经日趋成熟,从国内热潮来看很多企业已开始使用,所以...

UEPlus for HTML5摩尔线程S50 GPU+统信UOS+海光CPU测试

UEPlus for HTML5案例测试。今天给大家带来UEPlus for HTML5的案例测试效果展示。测试环境由客户提供,处理器是海光3250,显卡是摩尔线程S50,8G显存。操作系统是统信V2...