# 梦学谷SpringBoot练习

**Repository Path**: ElevenHuntOne/mxg-springboot-practice

## Basic Information

- **Project Name**: 梦学谷SpringBoot练习
- **Description**: 梦学谷的SpringBoot视频的练习。和梦学谷的Vue视频练习组合成功！实现前后端分离~
使用了springboot框架，对视频中不满意的地方做了一些修改，并把吐槽写成了TODO的形式哈哈哈哈~
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://vue.xiaoao.space/
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 2
- **Created**: 2020-11-30
- **Last Updated**: 2025-01-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mxg-msm 梦学谷SpringBoot学习记录——管理系统。

> ### 去[前端](https://gitee.com/ElevenHuntOne/mxg-vue-practice)

### [Demo](http://vue.xiaoao.space) | 账号：gmfll | 密码：12345

宣传用图片：

![mxg-vue-practice](https://socialify.git.ci/ZhangAo1999/mxg-vue-practice/image?description=1&font=Rokkitt&forks=1&issues=1&language=1&logo=https%3A%2F%2Fedu-image.nosdn.127.net%2Fa80cfb21-a1b3-4e40-a0da-b164452032f9.png&owner=1&pattern=Plus&pulls=1&stargazers=1&theme=Light)

分享用二维码：

![](./public/gitee仓库.png)

## 使用说明

* 下载后修改maven配置，改成自己的，然后`maven reimport` 

* 数据库文件是`member.sql`，在[application.yml](mengxuegu-member-api/src/main/resources/application.yml)中修改数据库的配置信息和端口号信息。

* 然后就可以启动[MemberApplication](mengxuegu-member-api/src/main/java/com/mengxuegu/member/MemberApplication.java)了，（需配合[前端](https://gitee.com/ElevenHuntOne/mxg-vue-practice)在本地运行才能访问，因为后端只有api接口）。

* 或者你可以使用postman等工具发送post请求测试登录。

![](./public/登录测试.png)

* 返回token了代表部署成功了！！

## 如何在服务器上运行？（需配合[前端](https://gitee.com/ElevenHuntOne/mxg-vue-practice)）

* 在maven中选择父工程（mengxuegu-member）的lifecycle中的package运行打包。

* 可以把生成的`mengxuegu-member-api/target`目录下的`mengxuegu-member-api-1.0-SNAPSHOT.jar`上传到服务器。

* 在服务器上运行`java -jar mengxuegu-member-api-1.0-SNAPSHOT.jar`即可启动服务。

* 如果想在后台运行，则使用`nohup java -jar mengxuegu-member-api-1.0-SNAPSHOT.jar &`命令。

* 之后将nginx修改成

```nginx
server
    {
        listen 80;
        server_name vue.xiaoao.space;# 请改成你的服务器的域名
        # include enable-php.conf;
        location /
        {
            root /www/wwwroot/mxg-mms;# 请改成你上传的位置
            index index.html index.htm index.php;
        }
        location '/pro-api'# 因为build后是生产环境了，所以要匹配pro-api的路径，同时`-`是个特殊字符，所以要用单引号引起来
        {
            # 代理转发到后台服务接口，请修改成你自己后端的地址。
            proxy_pass http://127.0.0.1:8080/;
        }
        access_log  /www/wwwlogs/vue.xiaoao.space.log; # 输出错误日志的路径（我用的宝塔，他自动创建的www用户，所以，还需要上传之后把目录的所有者改成www，好像需要）
    }
```


## 登录页面

![](./public/登录页面.png)

## 导航菜单

![](./public/导航菜单.gif)

## 主体部分

### 分页处理

![](./public/分页处理.gif)

### logging加载

![](./public/logging加载.gif)

### 新增商品

![](./public/新增商品.gif)