**前后端分离:**
**请对自己有动手能力的小伙伴进行尝试**
**请根据自己的实际情况对下面的步骤和内容进行调整**
``` linux: git clone https://gitee.com/anji-plus/report.git 后端:report-code : 修改bootstrap.yml maven package java -jar 前端:report-ui : 修改前端config连接 BASE_API: '"./"',改成自己后端的api npm install npm run build 使用nginx转发 ``` ## linux部署后端 ### 编译环境 - [Apache Maven] 3.5
- [Node.js] v14.16.0
- [Jdk] 1.8
**注**:已知 **Jdk11** (部分小版本)存在兼容性问题,请不要使用openJdk,环境问题请看 **常见问题** 大类
### 克隆源码 git clone https://gitee.com/anji-plus/report.git
![img9.png](../picture/quickly/img_9.png)
**注**:不要下载发行版里面的 Source Code.zip
### 修改mysql连接 report-core --> src --> main --> resources --> bootstrap.yml
将图中关于mysql的连接配置信息换成你使用的IP
![bootstrap.png](../picture/quickly/img_2.png)
**注 :** ``` 1、aj_report库是存放底层基础信息的库,flyway启动时会自动建立,如果你在这里修改了库,将会出错 2、请确认你的Mysql是否支持远程连接,登陆用户是否有DDL权限 ``` ### OSS配置 OSS底层已支持minio、amazonS3、dfs,都配置的情况下优先级minio->amazonS3->nfs
![file.png](../picture/quickly/img.png)
### maven打包 直接使用 maven package 打包,打包完成如图所示
![img10](../picture/quickly/img_10.png)
**注 :** ``` 1、打包之前如果系统用的不止mysql数据源,需要自己在pom文件中加入对应的数据库的驱动,登陆系统之后,数据源提示无驱动,则选择通用JDBC数据源,这里不做演示了 2、不要使用 maven install 3、此方式不会打包 lib目录下的驱动,详情可查看 "数据源->扩展" ``` ### linux启动jar包 将上步生成的jar包上传至linux,使用java -jar命令启动
**注**:请确保你的linux有jdk1.8
## 前端build ### 前端编译 进入前端目录:report-ui
![img11](../picture/quickly/img_11.png)
执行 npm install
### 修改config 目录地址:report-ui --> config --> prod.env.js
将BASE_API地址,改成你后端的api地址
### 打包 执行 npm run build
生成的前端dist目录文件在report-ui下面
![img12](../picture/quickly/img_12.png)
### 前端部署 使用nginx做转发