可视化大屏设计BI平台【SpringBoot+MyBatisPlus】

  • 功能简介
  • 技术描述
  • 打包目录build
  • 系统目录
  • 数据流程图
  • 运行准备♝
  • 访问项目
  • 演示图✅



💡

「分享」

今天主要给大家分享一个基于SpringBoot+Vue+MyBatisPlus+element-ui的一个可视化大屏设计BI平台项目。好了,话不多说,让我们来介绍一下该项目。

功能简介

  • AJ-Report是一个完全开源的BI平台,酷炫大屏展示,能随时随地掌控业务动态,让每个决策都有数据支撑。
  • 多数据源支持,内置mysql、elasticsearch、kudu等多种驱动,支持自定义数据集省去数据接口开发,目前已支持20种大屏组件/图表,不会开发,照着设计稿也可以制作大屏。
  • 大屏设计(AJ-Report)是一个可视化拖拽编辑的,直观,酷炫,具有科技感的图表工具全开源项目。内置的基础功能包括数据源,数据集,报表管理。
  • 三步轻松完成大屏设计:配置数据源---->写SQL配置数据集---->拖拽配置大屏---->保存发布。

关注微信公众号程序猿代码之路后台回复获取源码:大屏设计boot 下载下来之后就可以直接运行。

💡该系统采用SpringBoot架构开发web应用,使用vue-echarts绘制基本图表,使用MyBatis-Plus 来完成对MySQL数据库的操作。

技术描述

  • 🧑🤝🧑前端采用npm、webpack、vue-echarts、vue-superslide、vuedraggable、luckysheet、vue 、vue-router 、vuex 、element-ui 等技术。
  • 💡后端采用 Java 语言 SpringBoot 、Spring、SpringMVC、MyBatis-Plus 、flyway等框架技术。
  • 👨⚕️运行环境是MySQL 5.7、JDK 1.8、Maven 3.6、Node 14.16等。

打包目录build

├── bin                                           启动命令脚本
│   ├── restart.sh
│   ├── start.bat
│   ├── start.sh
│   └── stop.sh
├── conf                                       配置文件目录
│   └── bootstrap.yml
├── logs                                          启动日志目录
├── cache                                         本地缓存目录
├── lib                                           自定义扩展包&report-core核心包

系统目录

├── 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

数据流程图

运行准备♝

下载最新发行版,解压
cd aj-report-xxxx
vim conf/bootstrap.yml 修改数据库连接等信息
sh bin/start.sh Linux启动
bin/start.bat Windows修改第4行的JAVA_HOME后(去掉rem注释),双击启动

登陆后修改"数据源->mysql数据源"用户名密码

SQL初始化
sql文件的目录在:report-core --> src --> main --> resources -- > db.migration

系统初始化时flyway会自动的将该目录下的sql文件执行,不需要手动执行sql文件。
执行完将会创建 aj_report(存放系统基础数据) 和 aj_report_init(存放示例数据) 俩个库。

访问项目

  • 首页访问地址:http://serverip:9095
  • 用户名密码:admin/123456

演示图✅

zabbix 可视化大屏显示方案 可视化大屏 ui_后端


zabbix 可视化大屏显示方案 可视化大屏 ui_开源_02


zabbix 可视化大屏显示方案 可视化大屏 ui_zabbix 可视化大屏显示方案_03


zabbix 可视化大屏显示方案 可视化大屏 ui_后端_04


zabbix 可视化大屏显示方案 可视化大屏 ui_java_05


zabbix 可视化大屏显示方案 可视化大屏 ui_zabbix 可视化大屏显示方案_06


zabbix 可视化大屏显示方案 可视化大屏 ui_java_07


zabbix 可视化大屏显示方案 可视化大屏 ui_spring boot_08


zabbix 可视化大屏显示方案 可视化大屏 ui_java_09


zabbix 可视化大屏显示方案 可视化大屏 ui_后端_10


若想用商业版请自行去进行联系,本人只进行相关分享!!!

好了,今天的项目就分享到这里了