酷炫大屏展示！一個完全開源的BI平臺！

Java陈序员發表於2024-06-13

大家好，我是 Java陳序員。

在工作中，我們積累了很多寶貴的資料，但是資料是冰冷的，需要以圖表的形式展示給使用者觀看，這時候就需要一個強大的 BI 平臺。

今天，給大家介紹一個基於 SpringBoot 實現的 BI 平臺，只要幾個步驟就能輕鬆實現酷炫大屏展示！

關注微信公眾號：【Java陳序員】，獲取開源專案分享、AI副業分享、超200本經典計算機電子書籍等。

專案介紹

AJ-Report —— 一個全開源的BI平臺，酷炫大屏展示，能隨時隨地掌控業務動態，讓每個決策都有資料支撐。

AJ-Report 基於 SpringBoot + Vue 實現，支援多資料來源，內建 MySQL、ElasticSearch、Kudu 驅動。支援自定義資料集省去資料介面開發，目前已支援30+種大屏元件/圖表，不會開發，照著設計稿也可以製作大屏。

只需如下三步就能輕鬆完成大屏設計：

1、配置資料來源
2、寫SQL配置資料集
3、拖拽配置大屏
4、儲存釋出

資料流程圖：

關注微信公眾號：【Java陳序員】，回覆 BI，獲取專案地址、文件地址、線上體驗地址。

專案截圖

配置資料來源：支援MySQL、Oracle、ElasticSearch、Http等多種資料來源。

設計資料集：支援 SQL 和 Http 的形式進行資料採集。

大屏拖拽設計：有文字、柱狀圖、折線圖、餅圖、地圖等數十種元件供選擇，元件一鍵拖拽進行個性化佈局，支援實時預覽。

表格報表：適用於 Excel 表格報表，支援線上編輯和匯出。

報表分享：支援生成報表分享連結，可設定有效期和分享碼。

檔案管理

許可權管理

快速上手

環境依賴：

  • Jdk 1.8（Jdk 1.7 及以下/11及以上（jdk11部分版本有問題），存在相容性問題，請不要使用）
  • MySQL 5.7
  • Node.js 14（Node.js 16及以上，存在相容性問題）

1、拉取程式碼

git clone https://github.com/anji-plus/report.git

2、程式碼結構

├── doc                                           文件原始碼
│   ├── docs
│   ├── package.json
│   └── README.md
├── pom.xml                                       
├── report-core                                   Java 原始碼
│   ├── pom.xml                                   
│   └── README.md
├── report-ui                                     前端 Vue 原始碼
├── LICENSE
├── README.md

3、將 Java 原始碼以 Maven 的形式匯入到 IDEA 中

4、修改配置檔案 /src/main/resources/bootstrap.yml 中的資料來源連線資訊

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/aj_report?characterEncoding=UTF-8&serverTimezone=Asia/Shanghai&useSSL=false
    username: root
    password: root

系統初始化時會初始化 SQL 檔案，執行完將會建立 aj_report（存放系統基礎資料）資料庫。

5、執行主啟動類 com.anjiplus.template.gaea.business.ReportApplication，啟動後端服務

6、安裝前端工程依賴

## 進入 Vue 原始碼目錄
cd report-ui 
## 安裝依賴
npm install

7、執行前端專案

npm run dev 
## 或者
npm run start

8、瀏覽器訪問

http://localhost:9528

除了原始碼部署外，專案官方還提供了指令碼命令部署的方式，相關部署可參考文件~

最後

推薦的開源專案已經收錄到 GitHub 專案，歡迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者訪問網站，進行線上瀏覽：

https://chencoding.top:8090/#/

大家的點贊、收藏和評論都是對作者的支援，如文章對你有幫助還請點贊轉發支援下，謝謝！

相關文章