基于SpringBoot+Vue实现的可视化拖拽编辑的⼤屏项⽬
⼤家好，今天给⼩伙伴们分享⼀个基于 SpringBoot + Vue 实现的可视化拖拽编辑的⼤屏项⽬；
简介
这个是⼀个开源的⼀个BI平台，酷炫⼤屏展⽰，能随时随地掌控业务动态，让每个决策都有数据⽀撑。
多数据源⽀持，内置mysql、elasticsearch、kudu驱动，⽀持⾃定义数据集省去数据接⼝开发，⽀持17种⼤屏组件，不会开发，照着设计稿也可以制作⼤屏。
三步轻松完成⼤屏设计：配置数据源---->写SQL配置数据集---->拖拽配置⼤屏---->保存发布。欢迎体验。
功能概述
组件介绍
⼤屏设计是⼀个可视化拖拽编辑的，直观，酷炫，具有科技感的图表⼯具全开源项⽬。内置的基础功能包括数据源，数据集，报表管理，项⽬部分截图如下。
springboot架构图数据流程图
核⼼技术
依赖
•[Mysql] 5.7+
•[Jdk] 1.8+
后端
•Spring Boot2.3.5.RELEASE: Spring Boot是⼀款开箱即⽤框架，让我们的Spring应⽤变的更轻量化、更快的⼊门。
在主程序执⾏main函数就可以运⾏。你也可以打包你的应⽤为jar并通过使⽤java -jar来运⾏你的Web应⽤；•Mybatis-plus3.3.2: MyBatis-plus（简称 MP）是⼀个 MyBatis (opens new window) 的增强⼯具。
•flyway5.2.1: 主要⽤于在你的应⽤版本不断升级的同时，升级你的数据库结构和⾥⾯的数据
前端 npm：node.js的包管理⼯具，⽤于统⼀管理我们前端项⽬中需要⽤到的包、插件、⼯具、命令等，便于开发和维护。 webpack：⽤于现代 Java 应⽤程序的_静态模块打包⼯具 ES6：Java的新版本，ECMA6的简称。利⽤ES6我们可以简化我们的JS代码，同时利⽤其提供的强⼤功能来快速实现JS逻辑。 vue-cli：Vue的脚⼿架⼯具，⽤于⾃动⽣成Vue 项⽬的⽬录及⽂件。 vue-router：Vue提供的前端路由⼯具，利⽤其我们实现页⾯的路由控制，局部刷新及按需加载，构建单页应⽤，实现前后端分离。 element-ui：基于MVVM框架Vue开源出来的⼀套前端ui组件。 avue: ⽤该组件包裹后可以变成拖拽组件，采⽤相对于⽗类绝对定位;⽤键盘的上下左右也可以控制移动 vue-echarts: vue-echarts是封装后的vue插件，基于 ECharts v4.0.1+ 开发 vue-superslide: Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本vuedraggable: 是⼀款基于Sortable.js实现的vue拖拽插件。截图开源地址：gitee/anji-plus/report

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。