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

2.7 KiB

前后端分离:请对自己有动手能力的小伙伴进行尝试
请根据自己的实际情况对下面的步骤和内容进行调整

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
  • [Node.js] v14.16.0
  • [Jdk] 1.8
    请在你的Windows上先准备好maven、node.js、jdk
    :已知 Jdk11 (部分小版本)存在兼容性问题请不要使用openJdk环境问题请看 常见问题 大类

克隆源码

git clone https://gitee.com/anji-plus/report.git
img9.png
:不要下载发行版里面的 Source Code.zip

修改mysql连接

report-core --> src --> main --> resources --> bootstrap.yml
bootstrap.png
将图中关于mysql的连接配置信息换成你使用的IP
aj_report库是存放底层基础信息的库flyway启动时会自动建立如果你在这里修改了库将会出错
请确认你的Mysql是否支持远程连接登陆用户是否有DDL权限

上传功能

使用上传功能必须修改此内容注意路径格式比如Win是 \ ,linux是 /
file.png

maven打包

打包之前如果系统用的不止mysql数据源需要自己在pom文件中加入对应的数据库的驱动登陆系统之后数据源提示无驱动则选择通用JDBC数据源这里不做演示了
使用 maven package
不要使用maven install
img10

linux启动jar包

将上步生成的jar包上传至linux使用java -jar命令启动
请确保你的linux有jdk

本地启动前端

前端编译

进入前端目录report-ui
img11
执行 npm install

修改config

目录地址report-ui --> config --> dev.env.js
修改你的BASE_API地址

启动前端

report-ui目录
执行 npm run dev

前端build

前端编译

进入前端目录report-ui
img11
执行 npm install

修改config

目录地址report-ui --> config --> prod.env.js
修改你的BASE_API地址改成自己后端的api

build

reoprt-ui目录
执行 npm run build

生成的前端dist目录文件在report-ui下面
img12