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

82 lines
2.3 KiB
Markdown

**前后端分离:请对自己有动手能力的小伙伴进行尝试**
**请根据自己的实际情况对下面的步骤和内容进行调整**
```
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
```
# linux部署后端
## 编译环境
- [Apache Maven] 3.5 +<br>
- [Node.js] v14.16.0+<br>
- [Jdk] 1.8 <br>
请在你的Windows上先准备好maven、node.js、jdk <br>
**注**:已知**Jdk11**存在兼容性问题 <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>
![bootstrap.png](../picture/quickly/img_2.png) <br>
将图中关于mysql的连接配置信息换成你使用的IP <br>
**注**aj_report库是存放底层基础信息的库flyway启动时会自动建立如果你在这里修改了库将会出错<br>
**注**请确认你的Mysql是否支持远程连接登陆用户是否有DDL权限 <br>
## 修改路径
使用上传功能,必须修改此内容 <br>
![file.png](../picture/quickly/img_5.png) <br>
## maven打包
使用 maven package <br>
**注**不要使用maven install <br>
![img10](../picture/quickly/img_10.png) <br>
## linux启动jar包
将上步生成的jar包上传至linux使用java -jar命令启动 <br>
**注**请确保你的linux有jdk <br>
# 本地启动前端
## 前端编译
进入前端目录report-ui <br>
![img11](../picture/quickly/img_11.png) <br>
执行 npm install <br>
## 修改config
目录地址report-ui --> config --> dev.env.js <br>
修改你的BASE_API地址 <br>
## 启动前端
report-ui目录 <br>
执行 npm run dev <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地址 <br>
## build
reoprt-ui目录 <br>
执行 npm run build <br>
生成的前端dist目录文件在report-ui下面 <br>
![img12](../picture/quickly/img_12.png) <br>