uniapp项目中点击加入购物车前进行登录检查,登陆成功后返回原浏览页面

一、项目背景

项目使用uni-starter项目模板实现用户的登录、注册等功能。

二、需求

想要实现在商品详情页点击底部商品导航栏的“加入购物车”、“立即购买”按钮时,进行登录检测,如果没有登录,则跳转到登陆界面进行登录,否则商品sku不弹出不能进行商品规格的选择,登录成功后返回原浏览页面(商品详情页),此时再点击底部商品导航栏的“加入购物车”、“立即购买”就能进行商品规格选择了。

三、思路与解决

思路:HBuilderX 2.8.0版本起token存储在storage内,当用户登录成功后可以在localStorage中查看保存的token。在商品导航栏组件的点击事件回调中检查storage是否有token,如果没有就设置路由跳转到登录界面。
解决:在商品导航按钮的点击事件回调中使用uni.getStorageSync来同步获取token,如果没有就跳转登陆。登录成功之后会返回原商品详情页,从而选择商品规格进行商品的加入购物车和立即购买。
在这里插入图片描述

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值