# 小型购物网站的设计与实现

**Repository Path**: sadfasads/shopping-system

## Basic Information

- **Project Name**: 小型购物网站的设计与实现
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-03-16
- **Last Updated**: 2022-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目名

***小型购物网站的设计与实现***

## 简介

### 主要功能

- 注册 
- 登录
- 搜索
- 收藏商品
- 加入购物车
- 下单
- 查看个人信息
- 查看商品详情

### 用到的框架

- django

### 数据库

- redis
- MySQL

###  截图

###### 首页

![](https://img-blog.csdnimg.cn/202106151122167.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

###### 搜索商品页面

![](https://img-blog.csdnimg.cn/20210615112215781.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

###### 购物车界面

![](https://img-blog.csdnimg.cn/20210615112215114.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

## 安装

###### 安装环境：

- ubuntu
- python3.6
- redis
- MySQL

###### 安装文档

请移步------> [小型购物网站部署实践](https://www.yuque.com/docs/share/7b96d00d-95fd-41e0-a79f-353e3fc8434c?# 《项目部署》)

## 使用手册

### 系统架构

###### 模块划分图

![](https://img-blog.csdnimg.cn/2021061615515511.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)



### 功能一:注册

![](https://img-blog.csdnimg.cn/20210616155428876.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

用户输入用户名、邮箱、密码等基本信息后由邮箱获得验证码，若信息符合标准且验证码正确即可注册成功。

### 功能二：登录

![](https://img-blog.csdnimg.cn/20210616155428839.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

用户输入正确的用户名和密码即可登录

### 功能三：查看个人信息

![](https://img-blog.csdnimg.cn/20210616155428840.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

首页点击头像后即可进入个人信息界面，在此页面可查看修改个人信息

### 功能四：搜索商品

![](https://img-blog.csdnimg.cn/20210616155429187.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

在首页的搜索框输入想要搜索的商品信息后即可查看商品

### 功能五：查看商品详情

![](https://img-blog.csdnimg.cn/202106161554295.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

点击商品图片或标题即可进入商品详情页面查看详情，鼠标置于图片上即可查看大图（对比图）

### 功能六：收藏商品

![](https://img-blog.csdnimg.cn/202106161554295.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

点击收藏即可将商品加入收藏夹

### 功能七：下单

![](https://img-blog.csdnimg.cn/20210616155428892.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

在购物车界面点击结算后填写相关信息即可完成下单

### 功能八：查看购物车

![](https://img-blog.csdnimg.cn/20210616155428955.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTcyMjE1MQ==,size_16,color_FFFFFF,t_70#pic_center)

首页点击购物车图标即可跳转到购物车，查看或删除购物车中的商品

## 成员

| 姓名   | git账户名*（以仓库网络图中的为准）* | 工作内容概括*（200~400字）*                                  |
| ------ | ----------------------------------- | ------------------------------------------------------------ |
| 王佳祥 | wjx                                 | 组长，分配协调组内工作，制定需求，编写《项目计划任务书》、《软件需求规格书》、《软件设计说明书》、《测试计划》，绘制程序相关图（各层数据流图，流程图，甘特图）参与前端页面相关功能编写（JS判断电话号格式，实现图片放大镜功能，检测信息字段合法性，删除购物车中的商品，改变购买商品的数量，为搜索结果页面添加分页（底部）），编写readme文档。 |
| 许诗颖 | xsy                                 | 为项目的页面选择字体，图片等资源，编写首页、注册页面、登录页面、购物车页面、订单提交页面、商品详情页面、个人信息页面（html、css）。 |
| 付鹏霞 | 枫小冉                              | 添加购物车模块，添加订单模块，创建商品和购物车视图，添加商品部分视图函数，增加主页轮播图js文件和html测试文件，实现了用户头像上传。 |
| 白松远 | sheledon                            | 添加登录，注册模块，构建项目的结构，规定后端开发模范，解决模型转json格式，添加session，查询登录状态，添加注册邮箱验证，添加访问拦截器及用户头像上传，修改user模型，添加接口约定，使用爬虫爬取京东商品数据，完成下单流程，添加部分支付流程，完善下单支付流程，添加购物车相关操作，完成注册，登录的前后端交互，各种提示信息，表单校验，完成购物车前后端交互，添加搜索，详情，加入购物车，订单提交前后端交互，首页商品展示，添加收藏商品相关代码，添加商品换页展示，完善个人信息展示，测试前后端的连接，编写《部署教程》。 |
| 田润   | 阿润                                | 编写《用户使用手册》，协助制定用户需求。                     |