目录

1、安装部署MySQL数据库

2、源码下载

3、后台代码调试

3.1、项目加载

​编辑

3.2、项目设置

3.3、调试代码

4、前端调试

本案例使用环境

java8

node12

mysql8.0.15

1、安装部署MySQL数据库

本案例使用MySQL8.0.15,可参考：

Linux环境下部署MySQL8数据库_mysql8 linux-CSDN博客

Docker部署MySQL8教程_docker 部署mysql 8-CSDN博客

2、源码下载

通过git进行克隆代码

git clone https://gitee.com/anji-plus/report.git

或直接下载源码包

代码地址：AJ-Report: AJ-Report是一个完全开源，拖拽编辑的可视化设计工具。三步快速完成大屏：配置数据源---->写SQL配置数据集---->拖拽生成大屏。让管理层随时随地掌控业务动态，让每个决策都有数据支撑。

3、后台代码调试

3.1、项目加载

3.2、项目设置

修改bootstrap-dev.yml配置

a、设置本地文件上传路径

b、设置数据库参数：url: jdbc:mysql://127.0.0.1:3306/aj_report?characterEncoding=UTF-8&serverTimezone=Asia/Shanghai&useSSL=false&allowPublicKeyRetrieval=true

 注：aj_report数据库首次执行会创建及构建表结构，故不需要手动创建

3.3、调试代码

a、将pom中的mysql依赖改成8.0.15，更新maven依赖文件

      <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.15</version>
        </dependency>

b、运行项目

4、前端调试

cd到report-ui文件夹下，执行如下代码

npm install --registry=https://registry.npmmirror.com
npm run dev

浏览器输入：http://localhost:9528/