浏览代码

增加前后端分离部署

qianming 4 年之前
父节点
当前提交
9cd53c97a4

+ 81 - 0
doc/docs/guide/quicklySeparate.md

@@ -0,0 +1,81 @@
+**前后端分离:请对自己有动手能力的小伙伴进行尝试**
+**请根据自己的实际情况对下面的步骤和内容进行调整**
+```
+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>
+
+

+ 2 - 0
doc/docs/guide/quicklySource.md

@@ -22,6 +22,8 @@ http://serverip:9095
   
 ## 克隆源码
 git clone https://gitee.com/anji-plus/report.git <br>
+![img9.png](../picture/quickly/img_9.png)
+**注**:不要下载发行版里面的 Source Code.zip
 
 ## build
 进入report目录,启动build.sh

二进制
doc/docs/picture/quickly/img_10.png


二进制
doc/docs/picture/quickly/img_11.png


二进制
doc/docs/picture/quickly/img_12.png


二进制
doc/docs/picture/quickly/img_9.png