擼了個Spring Boot + Vue可視化拖拽編輯的大屏系統(tǒng),爽!
程序員的成長之路互聯(lián)網(wǎng)/程序員/技術/資料共享?
關注
閱讀本文大概需要 2.8 分鐘。
來自：https://gitee.com/anji-plus/report
大家好，今天給小伙伴們分享一個基于 SpringBoot + Vue 實現(xiàn)的可視化拖拽編輯的大屏項目；簡介
這個是一個開源的一個BI平臺，酷炫大屏展示，能隨時隨地掌控業(yè)務動態(tài)，讓每個決策都有數(shù)據(jù)支撐。 多數(shù)據(jù)源支持，內置mysql、elasticsearch、kudu驅動，支持自定義數(shù)據(jù)集省去數(shù)據(jù)接口開發(fā)，支持17種大屏組件，不會開發(fā)，照著設計稿也可以制作大屏。 三步輕松完成大屏設計：配置數(shù)據(jù)源---->寫SQL配置數(shù)據(jù)集---->拖拽配置大屏---->保存發(fā)布。歡迎體驗。功能概述
組件介紹
大屏設計是一個可視化拖拽編輯的，直觀，酷炫，具有科技感的圖表工具全開源項目。內置的基礎功能包括數(shù)據(jù)源，數(shù)據(jù)集，報表管理，項目部分截圖如下。
數(shù)據(jù)流程圖
核心技術
依賴
-
[Mysql] 5.7+
-
[Jdk] 1.8+
后端
-
Spring Boot2.3.5.RELEASE: Spring Boot是一款開箱即用框架，讓我們的Spring應用變的更輕量化、更快的入門。在主程序執(zhí)行main函數(shù)就可以運行。你也可以打包你的應用為jar并通過使用java -jar來運行你的Web應用；
-
Mybatis-plus3.3.2: MyBatis-plus（簡稱 MP）是一個 MyBatis (opens new window) 的增強工具。
-
flyway5.2.1: 主要用于在你的應用版本不斷升級的同時，升級你的數(shù)據(jù)庫結構和里面的數(shù)據(jù)
前端
-
npm：node.js的包管理工具，用于統(tǒng)一管理我們前端項目中需要用到的包、插件、工具、命令等，便于開發(fā)和維護。
-
webpack：用于現(xiàn)代 JavaScript 應用程序的_靜態(tài)模塊打包工具
-
ES6：Javascript的新版本，ECMAScript6的簡稱。利用ES6我們可以簡化我們的JS代碼，同時利用其提供的強大功能來快速實現(xiàn)JS邏輯。
-
vue-cli：Vue的腳手架工具，用于自動生成Vue項目的目錄及文件。
-
vue-router：Vue提供的前端路由工具，利用其我們實現(xiàn)頁面的路由控制，局部刷新及按需加載，構建單頁應用，實現(xiàn)前后端分離。
-
element-ui：基于MVVM框架Vue開源出來的一套前端ui組件。
-
avue: 用該組件包裹后可以變成拖拽組件,采用相對于父類絕對定位;用鍵盤的上下左右也可以控制移動
-
vue-echarts: vue-echarts是封裝后的vue插件,基于 ECharts v4.0.1+ 開發(fā)
-
vue-superslide: Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封裝版本
-
vuedraggable: 是一款基于Sortable.js實現(xiàn)的vue拖拽插件。
截圖
開源地址：
https://gitee.com/anji-plus/report
<END>
推薦閱讀：
看了我的 mybatis-plus 用法，全公司同事開始悄悄模仿了。。
互聯(lián)網(wǎng)初中高級大廠面試題(9個G)
內容包含Java基礎、JavaWeb、MySQL性能優(yōu)化、JVM、鎖、百萬并發(fā)、消息隊列、高性能緩存、反射、Spring全家桶原理、微服務、Zookeeper......等技術棧！
?戳閱讀原文領?。?/span>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??朕已閱?
