# separate_back_end

**Repository Path**: wxjstudy/separate_back_end

## Basic Information

- **Project Name**: separate_back_end
- **Description**: Springboot后端
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-08-31
- **Last Updated**: 2022-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

这是一个简单的前后端分离项目，主要采用 Vue.js + SpringBoot 技术栈开发。


1. 前端地址：https://gitee.com/wxjstudy/separate_front_end
2. 后端地址：https://gitee.com/wxjstudy/separate_back_end


# 技术栈

## 1.前端技术栈


1. Vue  
2. ElementUI  
3. axios
4. vuex

   
## 2.后端技术栈


1. Spring Boot  
2. Spring Data + JPA + druid
3. MySQL  
4. Shiro


# 部署方法

1.下载项目到本地

2.数据库脚本放在项目的resources目录下，在MySQL中执行数据库脚本  

3.数据库配置在 项目的 `src\main\resources` 目录下的`application.properties`和 `application.yml`文件中   

4.在IntelliJ IDEA中运行项目，为了保证项目成功运行，可以右键点击 `pom.xml` 选择 maven -> reimport ，并重启项目

至此，服务端就启动成功了.

5.进入到前端根目录中，在命令行依次输入如下命令：  

```
# 安装依赖
npm install

# 启动项目
npm run dev

```  

由于在项目中已经配置了端口转发，将数据转发到SpringBoot上，因此项目启动之后，在浏览器中输入 `http://localhost:80` 就可以访问我们的前端项目了，所有的请求通过端口转发将数据传到 SpringBoot 中（注意此时不要关闭 SpringBoot 项目）。

6.最后可以用 `VScode` 等工具打开前端项目，继续开发，开发完成后，当项目要上线时，依然进入到 项目根目录，然后执行如下命令：  

```
npm run build
```  

该命令执行成功之后， 根目录下生成一个 `dist` 文件夹，可以将该文件夹中的两个文件 `static` 和 `index.html` 拷贝到springboot项目中 `resources/static/` 目录下，然后直接运行项目，访问 `http://localhost:8443` ，实际上是把前端打包后作为静态文件，但不推荐使用这种方式。

推荐做法：利用nginx反向代理，真正的前后端分离，后端得打成jar包
详细请去百度