该商城 主要分为 首页 商品列表 商品详情 购物车 个人中心
运用 VUE2全家桶 和 JS
难点
第一 确认登录状态 判断是否有Token 如果有：就可以完成加入购物车即付款，而这里的购物车数据是对应和服务器的数据同步。如果没有Token也可以加入购物车，但是不能付款，而且这里的购物车数据是保存在本地存储当中。
第二 本地存储中的购物车数据和服务器中的购物车数据合并，如果本地存储中的商品在服务器中存在则商品信息不变，商品数量相加，如果不存在则在登陆的瞬间以本地存储中的商品详情信息发起加入购物车的数据请求，最后就是如果服务器中有而本地存储中没有，则删将该商品在购物车中的反选按钮改为false，这样商品依然存在于购物车，但需要用户确认，如果依然想要购买则手动勾选需要的商品
点击空白处退出提示
评论