简介

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.git

2.用IntelliJ IDEA开发工具打开项目源码，修改数据库链接

打开“跟目录\report-core\src\main\resources”目录，编辑bootstrap.yml文件

编辑数据库连接字符串和账号密码

  datasource:
    url: jdbc:mysql://localhost:3306/aj_report?characterEncoding=UTF-8&serverTimezone=Asia/Shanghai&useSSL=false
    username: root
    password: 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|.avi
    excelSuffix: .xlsx|.xls|.csv
    #上传对应下载的下载链接路径 http://serverip:9095/file/download
    downloadPath: http://localhost:9095/file/download   #修改下载url

3.编译项目并运行

服务端：

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.报表管理

从报表管理模块选择需要设计的大屏，按图示进入大屏设计界面

如上图大屏所示，我们可以根据自己的需求拖拽控件完成大屏的设计，然后选择数据-->动态数据-->数据集，选择上一步创建好的数据集，即可完成大屏与数据的绑定。点击菜单栏顶部“预览”，可看到效果。