酷炫大屏展示!一个完全开源的BI平台!
大家好,我是 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/#/
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
热门相关:超级融合 腹黑大神:捡个萌宠带回家 黄金渔场 司令,以权谋妻 农家小福女