這個(gè)牛逼了，基于 SpringBoot + Vue 實(shí)現(xiàn)的可視化拖拽編輯的大屏項(xiàng)目
大家好，我是鋒哥；
今天給小伙伴們分享一個(gè)基于 SpringBoot + Vue 實(shí)現(xiàn)的可視化拖拽編輯的大屏項(xiàng)目-AJ-Report
簡(jiǎn)介
AJ-Report由 安吉加加 開(kāi)源的一個(gè)BI平臺(tái)，酷炫大屏展示，能隨時(shí)隨地掌控業(yè)務(wù)動(dòng)態(tài)，讓每個(gè)決策都有數(shù)據(jù)支撐。
? ? 多數(shù)據(jù)源支持，內(nèi)置mysql、elasticsearch、kudu驅(qū)動(dòng)，支持自定義數(shù)據(jù)集省去數(shù)據(jù)接口開(kāi)發(fā)，支持17種大屏組件，不會(huì)開(kāi)發(fā)，照著設(shè)計(jì)稿也可以制作大屏。
? ? 三步輕松完成大屏設(shè)計(jì)：配置數(shù)據(jù)源---->寫SQL配置數(shù)據(jù)集---->拖拽配置大屏---->保存發(fā)布。歡迎體驗(yàn)。
在線體驗(yàn)
在線體驗(yàn):
https://report.anji-plus.com/index.html ?
體驗(yàn)賬號(hào)：guest 密碼：guest
在線文檔:
https://report.anji-plus.com/report-doc/
在線提問(wèn):
https://gitee.com/anji-plus/report/issues
發(fā)行版本：
https://gitee.com/anji-plus/report/releases
功能概述
? 組件介紹
?? 大屏設(shè)計(jì)（AJ-Report）是一個(gè)可視化拖拽編輯的，直觀，酷炫，具有科技感的圖表工具全開(kāi)源項(xiàng)目。內(nèi)置的基礎(chǔ)功能包括數(shù)據(jù)源，數(shù)據(jù)集，報(bào)表管理，項(xiàng)目部分截圖如下。
在線案例還在努力創(chuàng)造中，敬請(qǐng)期待！??！ 
數(shù)據(jù)流程圖
打包目錄build
├── bin 啟動(dòng)命令腳本
│ ├── restart.sh
│ ├── start.bat
│ ├── start.sh
│ └── stop.sh
├── conf 配置文件目錄
│ └── bootstrap-dev.yml
├── logs 啟動(dòng)日志目錄
├── cache 本地緩存目錄
├── lib 自定義擴(kuò)展包&report-core核心包系統(tǒng)目錄
├── doc 文檔源碼
│ ├── docs
│ ├── package.json
│ └── README.md
├── pom.xml 父pom，jar版本管理
├── report-core java源碼
│ ├── pom.xml gaea父pom，jar版本管理
│ └── README.md
├── report-ui 前端vue源碼
├── LICENSE
├── README.md核心技術(shù)
依賴
[Mysql] 5.7+
[Jdk] 1.8+
后端
Spring Boot2.3.5.RELEASE: Spring Boot是一款開(kāi)箱即用框架，讓我們的Spring應(yīng)用變的更輕量化、更快的入門。在主程序執(zhí)行main函數(shù)就可以運(yùn)行。你也可以打包你的應(yīng)用為jar并通過(guò)使用java -jar來(lái)運(yùn)行你的Web應(yīng)用；
Mybatis-plus3.3.2: MyBatis-plus（簡(jiǎn)稱 MP）是一個(gè) MyBatis (opens new window) 的增強(qiáng)工具。
flyway5.2.1: 主要用于在你的應(yīng)用版本不斷升級(jí)的同時(shí)，升級(jí)你的數(shù)據(jù)庫(kù)結(jié)構(gòu)和里面的數(shù)據(jù)
前端
npm：node.js的包管理工具，用于統(tǒng)一管理我們前端項(xiàng)目中需要用到的包、插件、工具、命令等，便于開(kāi)發(fā)和維護(hù)。
webpack：用于現(xiàn)代 JavaScript 應(yīng)用程序的_靜態(tài)模塊打包工具
ES6：Javascript的新版本，ECMAScript6的簡(jiǎn)稱。利用ES6我們可以簡(jiǎn)化我們的JS代碼，同時(shí)利用其提供的強(qiáng)大功能來(lái)快速實(shí)現(xiàn)JS邏輯。
vue-cli：Vue的腳手架工具，用于自動(dòng)生成Vue項(xiàng)目的目錄及文件。
vue-router：Vue提供的前端路由工具，利用其我們實(shí)現(xiàn)頁(yè)面的路由控制，局部刷新及按需加載，構(gòu)建單頁(yè)應(yīng)用，實(shí)現(xiàn)前后端分離。
element-ui：基于MVVM框架Vue開(kāi)源出來(lái)的一套前端ui組件。
avue: 用該組件包裹后可以變成拖拽組件,采用相對(duì)于父類絕對(duì)定位;用鍵盤的上下左右也可以控制移動(dòng)
vue-echarts: vue-echarts是封裝后的vue插件,基于 ECharts v4.0.1+ 開(kāi)發(fā)
vue-superslide: Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封裝版本
vuedraggable: 是一款基于Sortable.js實(shí)現(xiàn)的vue拖拽插件。
編譯打包
在Linux上先準(zhǔn)備好maven、node.js、jdk
[Apache Maven] 3.5 +
[Node.js] v14.16.0+
[Jdk] 1.8+
git clone https://gitee.com/anji-plus/report.git
cd report
sh build.sh
編譯完成放在build文件夾 report-core-xxxx.zip
unzip report-core-xxxx.zip
cd report-core-xxxx
vim conf/bootstrap-dev.yml 數(shù)據(jù)庫(kù)連接
sh bin/start.sh Linux啟動(dòng)
bin/start.bat Windows修改第4行的JAVA_HOME后，雙擊啟動(dòng)
啟動(dòng)后訪問(wèn)
http://serverip:9095近期計(jì)劃
完善地圖插件
完善表格插件
豐富自定義框圖、掛件
豐富更多圖表組件
基礎(chǔ)圖表增加
現(xiàn)有圖表功能修復(fù)/增加
截圖
