這個牛逼了,基于 SpringBoot + Vue 實現(xiàn)的可視化拖拽編輯的大屏項目
大家好,我是鋒哥;

今天給小伙伴們分享一個基于 SpringBoot + Vue 實現(xiàn)的可視化拖拽編輯的大屏項目-AJ-Report
簡介
AJ-Report由 安吉加加 開源的一個BI平臺,酷炫大屏展示,能隨時隨地掌控業(yè)務動態(tài),讓每個決策都有數(shù)據(jù)支撐。
? ? 多數(shù)據(jù)源支持,內(nèi)置mysql、elasticsearch、kudu驅(qū)動,支持自定義數(shù)據(jù)集省去數(shù)據(jù)接口開發(fā),支持17種大屏組件,不會開發(fā),照著設計稿也可以制作大屏。
? ? 三步輕松完成大屏設計:配置數(shù)據(jù)源---->寫SQL配置數(shù)據(jù)集---->拖拽配置大屏---->保存發(fā)布。歡迎體驗。
在線體驗
在線體驗:
https://report.anji-plus.com/index.html ?
體驗賬號:guest 密碼:guest
在線文檔:
https://report.anji-plus.com/report-doc/
在線提問:
https://gitee.com/anji-plus/report/issues
發(fā)行版本:
https://gitee.com/anji-plus/report/releases
功能概述
? 組件介紹
?? 大屏設計(AJ-Report)是一個可視化拖拽編輯的,直觀,酷炫,具有科技感的圖表工具全開源項目。內(nèi)置的基礎功能包括數(shù)據(jù)源,數(shù)據(jù)集,報表管理,項目部分截圖如下。
在線案例還在努力創(chuàng)造中,敬請期待?。。?/span> 
數(shù)據(jù)流程圖

打包目錄build
├── bin 啟動命令腳本
│ ├── restart.sh
│ ├── start.bat
│ ├── start.sh
│ └── stop.sh
├── conf 配置文件目錄
│ └── bootstrap-dev.yml
├── logs 啟動日志目錄
├── cache 本地緩存目錄
├── lib 自定義擴展包&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核心技術
依賴
[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ù)庫結(jié)構和里面的數(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拖拽插件。
編譯打包
在Linux上先準備好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ù)庫連接
sh bin/start.sh Linux啟動
bin/start.bat Windows修改第4行的JAVA_HOME后,雙擊啟動
啟動后訪問
http://serverip:9095近期計劃
完善地圖插件
完善表格插件
豐富自定義框圖、掛件
豐富更多圖表組件
基礎圖表增加
現(xiàn)有圖表功能修復/增加
截圖






