当前位置: 首页 > 图灵资讯 > 技术篇> 前后端分离的架构,前端使用Vue2.6.10,后端使用SpringBoot2.0.0的ERP实现

前后端分离的架构,前端使用Vue2.6.10,后端使用SpringBoot2.0.0的ERP实现

来源:图灵教育
时间:2023-06-02 09:34:23

技术架构

SpringBoot2技术框架.0.0 + Mybatis1.3.2 + SLF4J1.7 + Vue2.6.10 + Ant-Design-Vue1.5.2 + Mysql5.7 + Redis

运行环境:jdk8 + IntelliJ IDEA + maven + 宝塔面板

前后端分离的架构,前端使用Vue2.6.10,后端使用SpringBoot2.0.0的ERP实现_上传

本地部署:

1.小皮面板创建数据库,导入jsh_erp.在后端程序的docs文件夹下,sql文件进入数据库。

2.使用IDEA打开jsherp-boot目录,修改数据库配置、redis配置、文件上传路径配置等信息。

/jshERP-boot/src/main/resources/application.properties

3.在Java依赖包安装完成后,点击编辑器中的Runn->Erpaplication模块,如找不到入口模块,可手动打开以下路径运行文件中的main函数:

/jshERP-boot/src/main/java/com/jsh/erp/ErpApplication.java

4.后端成功启动后,访问后端服务API地址,正常访问意味着后端已正常启动:

http://127.0.0.1:9999/jshERP-boot/doc.html

5.使用vscode编辑器打开jsherp-web前端目录,可根据视频教程启动:

## yarnnnpm全局安装

npm install -g yarn

## 安装依赖

yarn install

## 本地运行

yarn run serve

## 部署在线包装

yarn run build

6.本地建成后登录系统的默认租户账号:jsh,默认超管账户:admin,默认密码为123456

宝塔部署:

1.回到IDEA,点击编辑器右侧的maven图标执行package。完成后,将在根目录中生成target目录,并打包jar文件。

2.返回vscode执行 yarn run build 包装,即在前端目录下生成dist文件夹,在宝塔内新建数据库,导入本地数据库文件。

3.分析两个域名,一个前端,一个后端,回到宝塔,创建一个新的后端目录,上传包装好的jar文件,在宝塔创建一个新的java项目。项目类型选择springboot,端口号填写999,检查启动自动,填写后端域名,点击提交部署。注意服务器防火墙的安全规则,必须放行999端口。

4.新建前端纯静态站点,上传包装好的前端dist目录,添加以下nginx配置,部署前端:

location /jshERP-boot/ {     proxy_pass http://127.0.0.1:9999/jshERP-boot/;     proxy_set_header Host $host:$server_port;    }location / {      index  index.html index.htm;      try_files $uri $uri/ /index.html;    }