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

数据流程图
环境依赖
底层依赖:- [Mysql] 5.7
- [Jdk] 1.8
- Spring Boot (opens new window)
- Mybatis-plus (opens new window)
- flyway (opens new window):主要用于在应用版本不断升级的同时 , 升级数据库结构和里面的数据
- npm (opens new window)
- webpack (opens new window)
- vue-cli (opens new window)
- vue-router (opens new window)
- vuex (opens new window)
- element-ui (opens new window)
- avue (opens new window)
开发环境搭建
官方文档提供了很多种部署方式,这里我采用服务端和前端源码分别编译运行的方式运行 。1.使用git下载源码
git clone https://gitee.com/anji-plus/report.git2.用IntelliJ IDEA开发工具打开项目源码,修改数据库链接

修改配置界面
打开“跟目录report-coresrcmainresources”目录,编辑bootstrap.yml文件
编辑数据库连接字符串和账号密码
datasource:url: jdbc:mysql://localhost:3306/aj_report?characterEncoding=UTF-8&serverTimezone=Asia/Shanghai&useSSL=falseusername: rootpassword: 123456编辑文件上传路径和文件下载url等信息
customer:# 开发测试用本地文件,如果是生产,请考虑使用对象存储file:#上传对应本地全路径,目录必须是真实存在的,注意 Win是且有盘符,linux是 / 无盘符#dist-path: /app/disk/upload/#linux路径格式dist-path: D:Download#windows路径格式white-list: .png|.jpg|.jpeg|.gif|.icon|.pdf|.xlsx|.xls|.csv|.mp4|.aviexcelSuffix: .xlsx|.xls|.csv#上传对应下载的下载链接路径 http://serverip:9095/file/downloaddownloadPath: http://localhost:9095/file/download#修改下载url3.编译项目并运行
服务端:
IntelliJ IDEA工具:build->buld project,等待编译成功后,直接使用工具运行即可 。
服务端默认端口为9095,可在bootstrap.yml文件中修改 。。
数据库初始化:sql文件的地址是:report-core --> src --> main --> resources -- > db.migration

系统初始化时flyway会自动将该目录下的sql文件执行,不需要手动执行sql文件 。
执行完将会创建 aj_report(存放系统基础数据) 和 aj_report_init(存放示例数据) 俩个库 。
前端:
安装依赖
npm install启动前端应用程序
npm start启动成功后访问
url:http://localhost:9528/
用户名:admin 密码:123456,登录成功如下图所示 。

登录成功后界面
入门使用
1.新建/修改数据源系统默认有一个MySql数据源 , 我们只需要修改一下即可 。
报表设计-->数据源 --> mysql数据源 --> 编辑 --> 修改用户名密码(改成你自己系统mysql的用户名密码)

修改数据源界面
2.新建数据集
数据集支持两种类型:SQL和HTTP

新建mysql数据集,按照下图的指引即可完成mysql数据集的创建 。
选项中的数据源即在第一步创建的数据源 。

创建数据集
3.报表管理
从报表管理模块选择需要设计的大屏,按图示进入大屏设计界面

选择大屏

【全开源的BI平台,简单配置/拖拽即可生成大屏/报表解决方案】如上图大屏所示,我们可以根据自己的需求拖拽控件完成大屏的设计 , 然后选择数据-->动态数据-->数据集,选择上一步创建好的数据集,即可完成大屏与数据的绑定 。点击菜单栏顶部“预览” , 可看到效果 。
