# mall-admin

**Repository Path**: a6678696/mall-admin

## Basic Information

- **Project Name**: mall-admin
- **Description**: 微信小程序商城服务端
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-01-01
- **Last Updated**: 2023-01-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 有问题请到我的博客下留言，博客链接为：https://blog.zoutl.cn/553.html ，如果本项目对你有帮助，就请你Star一下吧!!

## 项目地址

### 前台小程序代码
[a6678696/mall-wx: 微信小程序商城前台 (github.com)](https://github.com/a6678696/mall-wx)


### 后台管理系统代码
[a6678696/mall-web: 微信小程序商城后台 (github.com)](https://github.com/a6678696/mall-web)


### 服务端代码
[a6678696/mall-admin: 微信小程序商城服务端 (github.com)](https://github.com/a6678696/mall-admin)

## 使用的技术

|     技术     |            说明             |
| :----------: | :-------------------------: |
| Spring Boot  |        后端项目框架         |
| Mybatis-Plus |         持久层框架          |
|   MySQL5.6   |           数据库            |
|   Vue3.js    |     前端JavaScript框架      |
| Element Plus | 基于 Vue 3.0 的桌面端组件库 |
|  Vant Weapp  |      小程序 UI 组件库       |

## 图片展示

### 前台

#### 首页

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101032747118.png" alt="image-20230101032747118" style="zoom:50%;" />

#### 分类

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101032850317.png" alt="image-20230101032850317" style="zoom: 50%;" />

#### 购物车

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101032955540.png" alt="image-20230101032955540" style="zoom:50%;" />

#### 我的

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033045354.png" alt="image-20230101033045354" style="zoom:50%;" />

#### 搜索商品

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033128270.png" alt="image-20230101033128270" style="zoom:50%;" />

#### 搜索结果

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033226839.png" alt="image-20230101033226839" style="zoom:50%;" />

#### 商品详情

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033336406.png" alt="image-20230101033336406" style="zoom:50%;" />

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033411202.png" alt="image-20230101033411202" style="zoom:50%;" />

#### 公告

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033502114.png" alt="image-20230101033502114" style="zoom:50%;" />

#### 新品商品

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033640778.png" alt="image-20230101033640778" style="zoom:50%;" />

#### 热卖商品

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033619008.png" alt="image-20230101033619008" style="zoom:50%;" />

#### 降价商品

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033707668.png" alt="image-20230101033707668" style="zoom:50%;" />

#### 分类商品

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033803290.png" alt="image-20230101033803290" style="zoom:50%;" />

#### 确认订单

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101033936306.png" alt="image-20230101033936306" style="zoom:50%;" />

#### 全部订单

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034021486.png" alt="image-20230101034021486" style="zoom:50%;" />

#### 订单详情

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034054736.png" alt="image-20230101034054736" style="zoom:50%;" />

#### 收货地址管理

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034145024.png" alt="image-20230101034145024" style="zoom:50%;" />

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034218456.png" alt="image-20230101034218456" style="zoom:50%;" />

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034249935.png" alt="image-20230101034249935" style="zoom:50%;" />

#### 修改昵称和头像

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034334329.png" alt="image-20230101034334329" style="zoom:50%;" />

#### 查看我的评价

<img src="https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034421714.png" alt="image-20230101034421714" style="zoom:50%;" />

### 后台

#### 登录界面

![image-20230101034545179](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034545179.png)

#### 公告管理

![image-20230101034623993](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034623993.png)

#### 用户管理

![image-20230101034647185](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034647185.png)

#### 商品大类管理

![image-20230101034747100](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034747100.png)

#### 商品小类管理

![image-20230101034838616](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034838616.png)

#### 商品管理

![image-20230101034908593](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101034908593.png)

![image-20230101035412594](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101035412594.png)

#### 订单管理

![image-20230101035228530](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101035228530.png)

#### 评价管理

![image-20230101035327193](https://image.zoutl.cn/hexo-blog/blogImage/image-20230101035327193.png)

## 部署时要修改的环境

### 说明

数据库文件和图片等资源都在服务端代码的`myResources`文件夹中

主要是修改服务端的的代码，服务端的端口默认是8080，不要修改，不然要去修改前台小程序端和后台管理系统请求的服务端端口（小程序代码修改名为 `requestUtil.js` 的文件，后台管理系统则修改`url.js`这个文件）

### 要修改的地方

#### application.yml配置文件

最下面的图片存储地址都改成自己电脑上的，数据库的名称最好和我的命名一样（可以直接导入数据库文件）

#### FilePathConfig.java映射配置

将本地路径的映射改成自己电脑上的

#### CustomerController.java

`/customer/login`方法的settingFileLocation属性改为自己电脑上myConfig.setting这个文件的路径（在服务端代码的`myResources`文件夹中），appid和secret需要自己去小程序的开发管理后台中获取