開源數據大屏AJ-Report

• 1. 數據大屏概述
• 2. AJ-Report概述
• • 2.1 AJ-Report簡介
  • 2.2 系統特性
  • 2.3 在線體驗
  • 2.4 發行版本
  • 2.5 功能概述
  • 2.6 數據流程圖
• 3. AJ-Report項目搭建
• • 3.1 核心技術
  • 3.2 發行版部署
• 4. AJ-Report測試驗證
• • 4.1 配置數據源
  • 4.2 配置數據集
  • 4.3 配置大屏或報表
  • 4.4 大屏效果
  • 4.5 分享鏈接

1. 數據大屏概述

可視化數據大屏最近幾年非常火，不但是因為其炫酷的視覺效果，還因為其各種圖標幫助業務決策分析，數據分析等功能，作為控制中心不可獲缺的工具，本文主要推薦一款開源的數據大屏工具，其拖拉拽方式配置大屏布局，通過配置數據源，數據集，大屏動態數據方式，實現簡單，操作方便。

2. AJ-Report概述

2.1 AJ-Report簡介

AJ-Report是一個完全開源的BI平臺，酷炫大屏展示，能隨時隨地掌控業務動態，讓每個決策都有數據支撐。
? ? 多數據源支持，內置mysql、elasticsearch、kudu等多種驅動，支持自定義數據集省去數據接口開發，支持17+種大屏組件，不會開發，照著設計稿也可以制作大屏。
? ? 三步輕松完成大屏設計：配置數據源---->寫SQL配置數據集---->拖拽配置大屏---->保存發布。歡迎體驗。

2.2 系統特性

1.最新最穩定的技術棧；
2.支持多數據源配置
3.豐富的大屏組件。拖拽配置實現動態大屏

2.3 在線體驗

電腦在線體驗: https://report.anji-plus.com/index.html
體驗賬號：guest 密碼：guest

在線文檔: https://report.anji-plus.com/report-doc/

在線提問: https://gitee.com/anji-plus/report/issues

2.4 發行版本

下載鏈接：https://gitee.com/anji-plus/report/releases

2.5 功能概述

組件介紹
?? 大屏設計（AJ-Report）是一個可視化拖拽編輯的，直觀，酷炫，具有科技感的圖表工具全開源項目。 內置的基礎功能包括數據源，數據集，報表管理，項目部分截圖如下。

2.6 數據流程圖

3. AJ-Report項目搭建

3.1 核心技術

底層依賴
[Mysql] 5.7
[Jdk] 1.8

后端
Spring Boot(opens new window): Spring Boot是一款開箱即用框架，讓我們的Spring應用變的更輕量化、更快的入門。 在主程序執行main函數就可以運行。你也可以打包你的應用為jar并通過使用java -jar來運行你的Web應用；
Mybatis-plus(opens new window): MyBatis-plus（簡稱 MP）是一個 MyBatis (opens new window) 的增強工具。
flyway(opens new window): 主要用于在你的應用版本不斷升級的同時，升級你的數據庫結構和里面的數據

前端
npm(opens new window)：node.js的包管理工具，用于統一管理我們前端項目中需要用到的包、插件、工具、命令等，便于開發和維護。
webpack(opens new window)：用于現代 JavaScript 應用程序的_靜態模塊打包工具
ES6(opens new window)：Javascript的新版本，ECMAScript6的簡稱。利用ES6我們可以簡化我們的JS代碼，同時利用其提供的強大功能來快速實現JS邏輯。
vue-cli(opens new window)：Vue的腳手架工具，用于自動生成Vue項目的目錄及文件。
vue-router(opens new window)： Vue提供的前端路由工具，利用其我們實現頁面的路由控制，局部刷新及按需加載，構建單頁應用，實現前后端分離。
vuex(opens new window)：Vue提供的狀態管理工具，用于統一管理我們項目中各種數據的交互和重用，存儲我們需要用到數據對象。
element-ui(opens new window)：基于MVVM框架Vue開源出來的一套前端ui組件。
avue(opens new window): 用該組件包裹后可以變成拖拽組件,采用相對于父類絕對定位;用鍵盤的上下左右也可以控制移。

3.2 發行版部署

第一步，下載zip包，解壓<br>第二步，conf->bootstrap-dev.yml，修改mysql連接<br>第三步，啟動bin目錄下start.sh<br>第四步，訪問 http://localhost:9095

1.下載發行版
選擇第一個zip包， aj-report-0.9.4.2.zip
下載地址：https://gitee.com/anji-plus/report/releases

2.修改mysql連接
解壓下載好的Zip包，找到bootstrap-dev.yml
report-core-XXX --> conf --> bootstrap-dev.yml

3.上傳功能
使用上傳功能，必須修改此內容

4.啟動
linux啟動：
aj-report-XXX --> bin -->sh start.sh

windows啟動：
aj-report-XXX --> bin --> start.bat
修改第4行的JAVA_HOME，改成你自己的JAVA_HOME，并去掉rem注釋，雙擊啟動

5.訪問
http://localhost:9095
默認密碼：admin 123456

4. AJ-Report測試驗證

4.1 配置數據源

4.2 配置數據集

4.3 配置大屏或報表

4.4 大屏效果

4.5 分享鏈接

總結

以上是生活随笔為你收集整理的开源数据大屏AJ-Report的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。