# PureCoffee - 纯萃咖啡

**Repository Path**: Lsh-Clement/pure-coffee

## Basic Information

- **Project Name**: PureCoffee - 纯萃咖啡
- **Description**: 简介: 纯萃咖啡以“做好纯萃咖啡，创造纯粹生活”为使命。定位“大众化的咖啡外送厅”，旨为每一个顾客享受一杯喝的到的好咖啡。
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-09-27
- **Last Updated**: 2022-09-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# PureCoffee - SpringBoot(纯萃咖啡)


> #### ☕ 纯萃咖啡以“做好纯萃咖啡，创造纯粹生活”为使命。
>#### ♨️ 定位“大众化的咖啡外送厅”，旨为每一个顾客享受一杯喝的到的好咖啡。
>#### ️ 🍻 By:程序猿cc --- 求星星 ⭐️⭐️⭐️⭐️⭐️


## 1. 项目介绍

本项目是专门为咖啡店企业定制的一套系统，包括：

- 🖥️ 系统管理后台：提供给咖啡企业内部员工使用，可以进行```员工管理```、```饮品管理```、```分类管理```、```套餐管理```、```订单管理```等。

  <img src="./src/main/resources/img/login01.png" width="80%">
  <img src="./src/main/resources/img/2.png" width="80%">


- 📱 移动端应用：主要提供给消费者使用，可以在线```浏览饮品```、```添加购物车```、```添加地址簿```、```下单```、```查看订单状态```等。

  <img src="./src/main/resources/img/phoneLogin.png" width="30%">
  <img src="./src/main/resources/img/phoneIndex.png" width="30%">
  <img src="./src/main/resources/img/phone3.png" width="30%">

---

## 2. 技术选型

### 2.1 后端技术

| 技术                 |说明    |
| ------------------- |:-----:|
| Spring              | 开发框架 |
| SpringBoot          | 容器| 
| SpringMVC | MVC框架 |
| MyBatis             | ORM框架 |
| SpringSession       | 分布式Session管理 |
| Redis               | 分布式缓存 |
| Druid               | 数据库连接池 |
| Swagger          | 文档生产工具 |
| Lombok              | 简化对象封装工具 |
| Maven               | 项目构建管理 |
| Git                 | 版本管理 |
| Log4j               | 日志管理 |
| JUnit               | 单元测试 |
| IDEA                | 开发IDE |

### 2.2 前端技术

| 技术                 |说明    |
| ------------------- |:-----:|
| Vue                 | 前端框架 |
| Axios               | 前端HTTP框架 |
| ElementUI           | 前端UI框架 |
| HTML5               | 标记语言 |
| CSS3                | 样式语言 |
| ES6                 | JavaScript语言 |
| VSCode              | 开发IDE |

---

## 3. 系统角色

- 🧑🏻‍💻 后台系统管理员：登录后台系统，拥有后台系统中的操作权限
- 💁🏻‍♂️ 后台系统普通员工：登录后台系统，对菜品、套餐、订单进行管理
- 🥳 C端用户：登录移动端应用，可以浏览菜品、添加购物车、设置地址、在线下单等

---

## 4. 功能模块

```
系统管理后台
├── 登录
├── 首页
│   ├── 员工管理
│   │   ├── 添加员工
│   │   ├── 修改员工
│   │   ├── 禁用/启用员工
│   │   ├── 员工列表展示
│   │   ├── 查找员工
│   │   ├── 员工分页
│   ├── 分类管理
│   │   ├── 添加饮品/套餐分类
│   │   ├── 修改添加饮品/套餐
│   │   ├── 删除饮品/套餐分类
│   │   ├── 饮品/套餐分类列表展示
│   │   ├── 分类分页
│   ├── 饮品管理
│   │   ├── 添加饮品
│   │   ├── 修改饮品
│   │   ├── 删除饮品
│   │   ├── 停售/启售饮品
│   │   ├── 饮品列表展示
│   │   ├── 饮品批量停售/启售
│   │   ├── 饮品批量删除
│   │   ├── 饮品查询
│   │   ├── 饮品分页
│   ├── 套餐管理
│   │   ├── 添加套餐
│   │   ├── 套餐饮品
│   │   ├── 删除套餐
│   │   ├── 停售/启售套餐
│   │   ├── 套餐列表展示
│   │   ├── 套餐批量停售/启售
│   │   ├── 套餐批量删除
│   │   ├── 套餐查询
│   │   ├── 套餐分页
│   ├── 订单管理
│   │   ├── 订单列表展示
│   │   ├── 订单查询
│   │   ├── 订单详情
│   │   ├── 订单派送
│   │   ├── 订单完成
│   │   ├── 订单分页
│   ├── 退出登录
├── 404页面
├── 405页面
├── 500页面

移动端应用
├── 登录
├── 首页
│   ├── 饮品/套餐列表展示
│   ├── 选择规格
│   │   ├──  添加购物车
│   ├── 购物车
│   ├── 饮品管理
│   ├── 个人中心
│   │   ├── 订单
│   │   ├── 地址管理
│   │   │   ├── 添加地址
│   │   │   ├── 修改地址
│   │   │   ├── 删除地址
│   │   │   ├── 设置默认地址
│   │   ├── 历史订单
│   │   ├── 退出登录
├── 404页面
├── 405页面
├── 500页面

```

---

## 5. 安装教程

### 1. 使用git clone命令将项目克隆到本地

<img src="./src/main/resources/img/no1.png" width="80%">

### 2. 使用idea打开项目，等待maven下载依赖

<img src="./src/main/resources/img/no2.png" width="40%">

### 4. 在数据库中创建数据库，导入项目中的sql文件

<img src="./src/main/resources/img/no3.png" width="60%">

### 5. 修改application.yml中的数据库配置和redis配置

   <img src="./src/main/resources/img/no4.png" width="80%">
   
   <img src="./src/main/resources/img/no41.png" width="80%">

### 6. 启动redis

<img src="./src/main/resources/img/no5.png" width="80%">

### 7. 启动项目

<img src="./src/main/resources/img/no6.png" width="80%">

### 8. 访问后端管理系统：http://localhost:8080/backend/page/login/login.html，使用默认账号密码登录

<img src="./src/main/resources/img/login01.png" width="80%">

### 9. 访问移动端应用：http://localhost:8080/front/page/login.html，输入手机号，在控制台查看验证码，输入验证码登录

<img src="./src/main/resources/img/phoneLogin.png" width="30%">