微信小程序商品系统功能演示
该微信商城系统实现的主要如下图所示
3.1 首页
?首页基本构成:1、顶部搜索页;2、轮播图(点击轮播图可跳转);3、导航栏分类(点击可跳转)。4、商品分类图集(点击页面可跳转);
3.2 商品分类
?页面基本构成:1、搜索框。2、商品分类(点击左侧不同分类,右方展示不同商品)。3、点击右方商品,可以跳转到对应的商品列表页面
3.3 商品列表
?页面基本构成:1、搜索框。2、商品列表(点击商品会跳转)。3、触底后,会加载新的数据。
3.4 商品详情
?页面基本构成:1、商品轮播图展示。2、商品具体描述。3、点击收藏,会将该商品加入收藏列表中。4、点击加入购物车,可以将该商品加入购物车中。图文详情,找不到好的素材,暂时用1代替喽。你可以自己填充对应的数据
3.5 购物车
?页面基本构成:1、收获地址。(调用接口获取)2、商品详情。3、可以添加商品数量。4、总价和数量会随着选中的商品变化。
3.6 商品支付
?页面基本构成:1、如果没选地址,先选择收获地址。2、购买的商品详情,及订单总价。3、如果要开通微信支付,调用支付接口就行,需要给APPID授权。比较麻烦,这里模拟支付。
3.7 订单查询
订单只展示部分数据
3.8 个人中心
1、这里收藏的商品数量,是真实的。点击可以进入商品收藏列表。2、我的订单,也可以跳转到订单页面。3、意见反馈也可以用
3.9 商品收藏
点击我的收藏,这里有收藏的商品
3.10 意见反馈
首页页面源码