# My_Flask_Project

**Repository Path**: ti-mo/my_flask_project

## Basic Information

- **Project Name**: My_Flask_Project
- **Description**: 我的第一个Flask项目
- **Primary Language**: Python
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# LIQUOR STORE
## 项目介绍
#### 一个使用Flask、MySQL、Redis等做的一个WEB项目
## 主要实现的功能
1. 登录、注册
2. 评论
3. 购物车

## 项目进程
| 日期 | 计划内容 | 完成情况 |
| ---- | ---- | ---- |
| 2020.10.19 | 模板寻找,网页分析,数据库分析 | ✔ |
| 2020.10.20 | 完成数据库的大体设计,注册 | ✔ |
| 2020.10.21 | 登录、完成页面的正确渲染 | ✔ |
| 2020.10.22 | 商品列表和商品详情页展示真实数据 | ✔ |
| 2020.10.23 | 商品的评论| ✔ |
| 2020.10.26 | 商品列表页商品加入购物车 | ✔ |
| 2020.10.27 | 商品详情页商品加入购物车、结账 | ✔ |
| 2020.10.28 | 结账、寻找后台模板并渲染页面 |  |
| 2020.10.29 | 商品、账户管理 | |
| 2020.10.30 | 商品、账户管理 | |

## 第一天
1. 进入页面时发现需要加载很长一段时间
    + 发现是页面会请求国外的js,删除请求googlejs的script标签
2. 分析数据库时发现需要设计的表太多，所以将用户表和商品表和分类表先设计出来，之后做其他功能时再加
![](./accets/Snipaste_2020-10-20_08-16-02.png)

## 第二天
+ 一、 完成注册
    1. 发现网页没有js和图片验证码，将他们添加后，写基本后端测试数据畅通
    2. 添加图片验证码的工具类，生成图片验证码
    3. 完成注册数据的验证与数据库添加数据
![](./accets/注册成功1.png)
![](./accets/注册成功2.png)
+ 二、 数据库添加
    1. ![](./accets/酒品分类表.png)
    2. ![](./accets/商品表.png)
    3. ![](./accets/用户表.png)
    
## 第三天
+ 一、登录
    1. 为登录页面添加js
    ![](./accets/登录1.png)
    2. 添加登录视图函数
    ![](./accets/登录2.png)
    3. 登录成功
    ![](./accets/登录3.png)
+ 二、正确显示所有页面
    ![](./accets/渲染所有页面1.png)
    ![](./accets/渲染所有页面2.png)
    ![](./accets/渲染所有页面3.png)
    ![](./accets/渲染所有页面4.png)
    ![](./accets/渲染所有页面5.png)
    ![](./accets/渲染所有页面6.png)
    
## 第四天
+ 商品列表的展示
    1. 路由 
    ![](./accets/商品列表的展示1.png)
    2. jinja2
    ![](./accets/商品列表的展示2.png)
    3. 效果
    ![](./accets/商品列表的展示3.png)
+ 商品详情页
    1. 路由
    ![](./accets/商品详情页1.png)
    2. 效果
    ![](./accets/商品详情页2.png)
    
## 第五天
+ 一 商品的评论
    1. 商品的评论数据库设计
    ![](./accets/评论2.png)
    2. 后端
    ![](./accets/评论32.png)
    3. 效果
    ![](./accets/评论.png)
    
## 第六天
+ 商品列表页添加商品到购物车
    1. 后端代码
    ![](./accets/购物车1.png)
    ![](./accets/购物车2.png)
    2. js
    ![](./accets/购物车3.png)
    ![](./accets/购物车4.png)
    3. 数据库
    ![](./accets/购物车5.png)
    4. 效果
    ![](./accets/购物车6.png)
    ![](./accets/购物车7.png)

## 第七天
+ 商品详情页加入购物车
    1. ![](./accets/详情页购物车1.png)
    2. ![](./accets/详情页购物车2.png)
+ 购物车页面展示信息
    ![](./accets/购物车页面.png)
    
## 第八天
+ 购物车点击结账
    1. ![](./accets/结账1.png)
    2. ![](./accets/结账2.png)
    3. ![](./accets/结账3.png)
    4. ![](./accets/结账5.png)
    
+ 商品详情页点击结账