酷炫大屏展示!一个完全开源的BI平台!

[复制链接]
发表于 2024-6-13 10:40:17 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
大家好,我是 Java陈序员。
在工作中,我们积聚了许多宝贵的数据,但是数据是冰冷的,需要以图表的形式展示给用户观看,这时候就需要一个强大的 BI 平台。
今天,给大家先容一个基于 SpringBoot 实现的 BI 平台,只要几个步骤就能轻松实现酷炫大屏展示!
项目先容

AJ-Report —— 一个全开源的BI平台,酷炫大屏展示,能随时随地掌控业务动态,让每个决策都有数据支撑。

AJ-Report 基于 SpringBoot + Vue 实现,支持多数据源,内置 MySQL、ElasticSearch、Kudu 驱动。支持自界说数据集省去数据接口开发,目前已支持30+种大屏组件/图表,不会开发,照着筹划稿也可以制作大屏。

只需如下三步就能轻松完成大屏筹划:
1、设置数据源
2、写SQL设置数据集
3、拖拽设置大屏
4、生存发布
数据流程图:

项目截图

设置数据源:支持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、拉代替码
  1. git clone https://github.com/anji-plus/report.git
复制代码
2、代码结构
  1. ├── doc                                           文档源码
  2. │   ├── docs
  3. │   ├── package.json
  4. │   └── README.md
  5. ├── pom.xml                                       
  6. ├── report-core                                   Java 源码
  7. │   ├── pom.xml                                   
  8. │   └── README.md
  9. ├── report-ui                                     前端 Vue 源码
  10. ├── LICENSE
  11. ├── README.md
复制代码
3、将 Java 源码以 Maven 的形式导入到 IDEA 中
4、修改设置文件 /src/main/resources/bootstrap.yml 中的数据源连接信息
  1. spring:
  2.   datasource:
  3.     url: jdbc:mysql://localhost:3306/aj_report?characterEncoding=UTF-8&serverTimezone=Asia/Shanghai&useSSL=false
  4.     username: root
  5.     password: root
复制代码
体系初始化时会初始化 SQL 文件,执行完将会创建 aj_report(存放体系基础数据)数据库。
5、运行主启动类 com.anjiplus.template.gaea.business.ReportApplication,启动后端服务
6、安装前端工程依赖
  1. ## 进入 Vue 源码目录
  2. cd report-ui
  3. ## 安装依赖
  4. npm install
复制代码
7、运行前端项目
  1. npm run dev
  2. ## 或者
  3. npm run start
复制代码
8、浏览器访问
  1. http://localhost:9528
复制代码
除了源码部署外,项目官方还提供了脚本下令部署的方式,相干部署可参考文档~
最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:
  1. https://github.com/chenyl8848/great-open-source-project
复制代码
或者访问网站,进行在线浏览:
  1. https://chencoding.top:8090/#/
复制代码
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表