# coffee-shop

**Repository Path**: yemoleng/coffee-shop

## Basic Information

- **Project Name**: coffee-shop
- **Description**: 这是一个卖咖啡的小程序
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-06-18
- **Last Updated**: 2023-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目介绍

该购物小程序是一款基于**uniapp**前端框架和**node.js**后端服务编写的在线购物平台，使用**mysql**作为数据库，实现了跨平台开发和高效的数据传输，提供了良好的个人信息管理和订单管理。

主要功能实现了完整的购物流程，包括注册、登录、搜索商品、商品详情页、购买结算、订单管理、个人信息管理和管理员上传商品等功能。

在首页可以使用搜索框查找商品，点击喜欢的商品即可进入商品详情页，商品详情页展示了商品的具体介绍，同时用户可以选择想要的商品规格和数量，然后点击购买。如果没有添加地址，需要先添加并选择地址才能结算。当用户填写好收货地址并进行结算之后，系统会自动生成订单并计算需要支付的金额。在我的订单里面，用户可以查看所有的订单信息，也可以对订单信息进行确认收货和删除订单操作。

同时，在我的主页中，用户能够查看个人信息、收货地址，并且可以修改密码、退出账号以及注销账号。如果用户是管理员，输入管理员用户名密码后，可以上传商品信息，对进行商品管理。管理员可以将商品信息上传至系统中，包括商品名称、图片、价格、库存等等，从而让用户能够浏览和购买商品。

 

 

# 前后端主要功能截图

## 小程序首页

![clip_image001](static/ReadMeImg/clip_image001.png)

## 登录页

![clip_image003](static/ReadMeImg/clip_image003.png)

## 注册

![clip_image005](static/ReadMeImg/clip_image005.png)

## 搜索

![clip_image007](static/ReadMeImg/clip_image007.png)

 

## 购物菜单

![clip_image009](static/ReadMeImg/clip_image009.png)

## 商品详情

![clip_image011](static/ReadMeImg/clip_image011.png)

## 订单结算

![clip_image013](static/ReadMeImg/clip_image013.png)

![clip_image015](static/ReadMeImg/clip_image015.png)

![clip_image017](static/ReadMeImg/clip_image017.png)





## 新增地址

![clip_image019](static/ReadMeImg/clip_image019.png)

 

 

## 个人中心

![clip_image021](static/ReadMeImg/clip_image021.png)

## 个人资料

![clip_image023](static/ReadMeImg/clip_image023.png)

## 订单页面

![clip_image025](static/ReadMeImg/clip_image025.png)

![clip_image027](static/ReadMeImg/clip_image027.png)



## 地址管理

![clip_image029](static/ReadMeImg/clip_image029.png)

## 安全中心

![clip_image031](static/ReadMeImg/clip_image031.png)



![clip_image033](static/ReadMeImg/clip_image033.png)



![clip_image035](static/ReadMeImg/clip_image035.png)

![clip_image037](static/ReadMeImg/clip_image037.png)



## 上传商品

![clip_image039](static/ReadMeImg/clip_image039.png)

![clip_image041](static/ReadMeImg/clip_image041.png)

## 数据库界面

![clip_image043](static/ReadMeImg/clip_image043.png)