微信小程序开发-购物商城

1、搭建首页tabbar结构

   自定义组件实现搜索框

 

2、分类页面

 

加载分类页面数据

 

点击左侧菜单，右侧数据动态渲染

 

使用scroll-view组件

 

 

3、商品列表页面

点击商品 展示列表页面

加载商品数据 

启动下拉页面功能  加载下一页数据

 

 

4、商品详情页数据

渲染商品详情数据

点击图片 调出图片画廊 进行预览

加入购物车功能

 

 

5、点击加入购物车，跳转到购物车页面

 

 获取收货地址，进行结算

 

 

6、微信支付功能  

点击结算 跳转到商品支付页面

支付页面展示要支付的数据

点击支付 创建订单

 

 

 

7、个人中心页面

 8、订单查询页面

   点击全部订单  待付款  待收货 会进入订单查询页面 

  通过type的值 来展示不同的数据

 

9、收藏页面

10、搜索页面