ectuShop微信小程序——购物商城项目

目录

一.项目简介

二.完成的页面以及概要布局

1.首页  

2.分类页面

3. 商品列表页面

4.商品详情页面

5.收藏页面 

6.购物车页面

7.支付页面

8.个人中心页面

9.订单查询页面

10.意见反馈页面  

11.搜索页面

3.真机调试以及简要分析：                                                                                                                

首页：

分类页面：

商品详情页

 购物车页面：

支付页面：

个人中心未登录页面：

个人中心登录页面：

订单页面

商品收藏页面

意见反馈

 搜索页面 

搜索商品展示页面

4.接口及其它

---

---

---

一.项目简介

    这个购物商城是基于原生微信小程序实现

二.完成的页面以及概要布局

1.首页  

1. 收索框
2. 商品轮播
3. 商品分类导航
4. 商品分类楼层一
5. 商品分类楼层二
6. 底部tabs组件（首页，分类，购物车，我的）

2.分类页面

1. 顶部搜索框
2. 左侧商品粗分类菜单
3. 右侧商品分类菜单
4. 底部tabs组件

3. 商品列表页面

1. 头部tabs栏
2. 商品列表项

4.商品详情页面

1. 商品轮播（可放大预览）
2. 商品价格名称以及收藏标识
3. 商品图文详情
4. 底部Tabs(分享，客服，购物车，加入购物车，立即购买)

5.收藏页面 

1. 顶部tabs(商品收藏，品牌收藏，店铺收藏，浏览足迹)
2. 相关收藏详情列表

6.购物车页面

1. 顶部收货人地址等信息栏
2. 加入购物车的商品列表
3. 价格结算栏
4. 底部Tabs栏（首页，分类，购物车，我的）

7.支付页面

1. 商品收货地址等信息
2. 确认支付商品列表
3. 确认支付按钮

8.个人中心页面

1. 用户登录按钮
2. 分类（收藏商品，关注店铺等）
3. 我的订单栏（全部订单，待付款，待收货，售后）
4. 收货地址管理
5. 练习客服，意见反馈，关于我们
6. 底部tab栏

9.订单查询页面

1. 头部tabs分类（全部，待付款，待发货，售后/退款）
2. 订单列表

10.意见反馈页面  

1. 头部tabs(体验问题，商品投诉)
2. 问题分类
3. 上传图片
4. 提交反馈

11.搜索页面

1. 头部搜索框，取消按钮（防抖处理）
2. 搜索到的商品以商品详情页展示

3.真机调试以及简要分析：                                                                                                                

首页：

分类页面：

商品详情页

 购物车页面：

支付页面：

个人中心未登录页面：

个人中心登录页面：

订单页面

商品收藏页面

意见反馈

 搜索页面 

 

搜索商品展示页面 

4.接口及其它

 

首页的楼层图片获取和样式设置存在一个小缺陷，但是影响不大

         接口文档：https://www.showdoc.cc/128719739414963

        该接口文档是在观看视频进行编写代码时在评论区找到的

         项目地址：https://github.com/letimer/ecutShop/tree/master

         跟着学的视频地址（老师讲的很细，但是存在一些问题，比如token验证和接口问题）：

         https://www.bilibili.com/video/BV1nE41117BQ?t=504

         第一次在github上传的项目，肯定有好多不足，希望能和大家一起交流和进步，希望我也能得到star支持，加油，一起冲！！！

后续会将页面的大概布局和逻辑实现更新出来~~