1.首页
(1)轮播图不要写死,数据库在设计时需支持跳转到其他类型页面。
(2)多个专题页面写死,不需要从数据库循环取,可以由前端自定义样式,增强表现力。
(3)下拉刷新整个页面数据,多一次点击就会损失一部分转化。
2.分类
(1)递归式的无限级分类,不实用,违背商品分类本质,后期也会导致很多问题。
(2)可以对切换效果做个小小的优化,不至于太生硬,如分类切换加入贝塞尔曲线动画。
(3)分类切换务必不要每次加载服务器数据,加载时间使得用户体验太差。事实上,服务器数据更新频率多半没那么高。
3.商品详情
(1)一般包含项:商品头图1张;选择数量;加入到购物车;显示商品概要;显示商品详情;显示产品参数;显示售后保障。
(2)加入到购物车,可添加一个动画效果,提醒用户如何进入购物车。例如,动画效果为把商品抛入购物车,有相关插件。
4.购物车
(1)产品业务逻辑,两处相对最复杂:服务器的订单检测;客户端的购物车。
(2)购物车信息全部存储在小程序缓存中,不和服务器通信。如果要和服务器通信,一般可加入websocket实时通信机制。和服务器通信的场景一般为两个:在不同的设备上登录;数据角度分析用户消费习惯。这些情况下,得把购物车数据存到服务器。
(3)按照惯例,商品数量不可以直接减到0。要想删除,需主动删除(一般也很隐蔽),不是通过减到0来实现。不让减到0,一是代码实现更简单,二是刺激用户买买买。
(4)支付后自动删除购物车商品。
5.我的
(1)获取用户微信信息时,注意处理用户拒绝授权的场景,应该可继续进行授权操作。
(2)订单分类:待付款;已付款;待发货。
6.下单页面
(1)可修改收货地址。
7.支付结果
(1)成功;失败。
8.用户登录与令牌
(1)调用服务器接口返回401时,重新获取令牌并访问。
领取专属 10元无门槛券
私享最新 技术干货