You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tanghe-report/doc/docs/guide/quicklySeparate.md

101 lines
2.5 KiB
Markdown

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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