# 2305A_two

**Repository Path**: yuehengxing-star/2305-a_two

## Basic Information

- **Project Name**: 2305A_two
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-05
- **Last Updated**: 2025-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 填写`commit`信息的时候，前面就需要带着下面的`subject`

### 当我们 commit 提交信息时，就不能再随意写了，必须是 git commit -m 'fix: xxx' 符合类型的才可以，**需要注意的是类型的后面需要用英文的 :，并且冒号后面是需要空一格的，这个是不能省略的**

'feat',//新特性、新功能
'fix',//修改bug
'docs',//文档修改
'style',//代码格式修改, 注意不是 css 修改
'refactor',//代码重构
'perf',//优化相关，比如提升性能、体验
'test',//测试用例修改
'chore',//其他修改, 比如改变构建流程、或者增加依赖库、工具等
'revert',//回滚到上一个版本
'build',//编译相关的修改，例如发布版本、对项目构建或者依赖的改动

## 项目目标

1. 全面掌握与应用 vue3+typescript+微信小程序+uniapp 开发技术
1. 通过项目实战，掌握项目规范、项目管理、项目流程、项目开发等知识
1. 重点强化功能性框架 vue3 在实际项目中的应用
1. 深入理解与应用 typescript 在项目中的强大作用与优势
1. 进一步掌握小程序的技术细节与原生 API 的使用，像支付、地图等
1. uniApp 基础全析，全面掌握 uniApp 的基础知识体系内容
1. 利用 uniApp 进行小程序项目快速开发
1. UI 框架的快速应用，布局、组件、API 的全面掌握
1. 团购电商流程的了解，秒杀、优惠券、新人专享等活动流程梳理
1. 小程序支付流程，购物车、订单、支付，整体流程的理解
1. 地理位置的应用，第三方地图的集成与应用
1. 管理器的使用，状态管理器的不同使用方式差异
1. 组件的封装，对于公共功能的抽离
1. 分包拆分管理，优化小程序的分包打包
1. 通过项目实战，掌握项目开发中的各种技术难点，如：支付、地图、分包、组件封装等

### 功能划分

|  成员  |                    功能                    |
| :----: | :----------------------------------------: |
| 岳恒星 |          商品提货页面以及相关功能          |
| 陈佳行 |            首页页面以及相关功能            |
| 崔靖萱 |  商品分类页面、商品详情页面以及相关的功能  |
|  陈浩  | 商品购物车页面、商品订单页面以及相关的功能 |


## 功能的简单介绍
### 登录页面  login

### 1：商品提货页面：  home

##### 选择提货地址方式

* 选择当前城市，选择提货地址（xxx超市）
  * 对于显示的提货地址可以进行上拉加载的功能
* 获取当前位置，进行地址的选择，
* 调用地图接口，实现地图相关功能的操作。

### 2：首页页面   index

* 首页显示提货点的信息

* 自定义导航栏

* 搜索框中进行自定义滚动信息的展示

* 具有新人专项、秒杀 的商品组件的封装使用，以及后面分类列表的展示,相同商品是一样的，一个发生改变另一个也会发生改变

* 商品种类横向滚动实现进度条的展示，进度条配置节流防抖

* 点击商品下的加入购物车，进行数量的切换以及数量的展示默认为1，数量可以设置最大值，当数量为0时，切换为加入购物车按钮

* 同一个一商品，数量保持一致

### 3：商品详情页 detail

* 根据商品的不同类型，展示不同的信息，如秒杀商品，展示倒计时，
* 优惠券
  * 全场优惠券
  * 指定分类优惠券
  * 指定商品优惠券
  * 现金优惠券
  * 折扣优惠券
  * 进行优惠券的、领取、使用、过期判断等功能

### 4：商品分类  cate

* 滚动商品部分 实现上拉加载
* 商品要与首页当中的状态保持一致，如数量
* 侧边栏分类部分实现 高亮展示，保持点击的分类名称位置垂直居中

### 5：购物车页面  cart

* 商品的清单
* 商品数量的统计
* 全选反选
* 参加活动的简单商品展示与参加同一活动的成组商品的展示
* 有优惠的商品与简单商品放在不同组当中

* 数量减少到临界值时的确认功能
* 现价，优惠价，原价，等内容的展示，
* 查看所有的优惠券

### 6：生成订单页  order

* 提货点的显示
* 提货人的姓名以及联系方式
* 订单的商品
* 订单的编号（可复制）
* 订单的下单时间
* 支付订单

### 我的页面 my

* 显示彩色图标
* 订单列表页面
  * 待付款
  * 待发货
  * 待收货
  * 待评价
  * 已完成
  * 切换有滑动效果

### 以上是视频当中的一些功能，未展示的详看视频对所负责的模块进行功能完善，尽量还原视频中的功能。

尽量**还原视频的功能**

### 请求数据

##### 在前端封装请求接口  src/utils/request

##### 请求后端数据时根据接口进行请求：

> 举例：
>
> 后端设置  app.js
>
> const homeRouter = **require**('./routes/home')
>
> 
>
> home.js 文件中
>
> router.**get**('/index', async (req, res) => {})
>
> 
>
> 前端接口就为  **http://localhost:3000/home/index**   请求方式



### 后端数据均是之前的数据，如有不符的，可直接进行数据的增删改查