购物车业务逻辑(vuex)
程序员文章站
2022-03-17 09:36:49
list(列表页): 1:发送ajax请求,获取相应的数据 2:给每一个上平添加一个点击事件 3:每一个商品都要有一个ID 4:当点击商品时,将商品id值传递给详情页 details(详情页): 1:当进入详情页的时候通过url地址拿到商品的id 2:发送ajax请求,从数据库中获取id相对应的商品 ......
list(列表页):
1:发送ajax请求,获取相应的数据
2:给每一个上平添加一个点击事件
3:每一个商品都要有一个id
4:当点击商品时,将商品id值传递给详情页
details(详情页):
1:当进入详情页的时候通过url地址拿到商品的id
2:发送ajax请求,从数据库中获取id相对应的商品,进行返回
3:特殊情况:
在列表页有该商品的详细信息,我们可以通过id值和缓存中的数据进行对比拿到相对应的商品信息
4:加入购物车:
a:用户登录的情况下:
将商品的id以及商品的数据存入数据库
b:用户非登录的情况下:
将商品的id以及商品的数量存入localstorage中,当用户登录后将localstorage里面的数据存入数据库
购物车页面:
1:非登录的情况下,从localstorage中将数据获取,渲染到页面上
2:登录情况下,根据用户的id找到用户添加到购物车的商品惊醒返回,渲染到页面
3:当用户对商品进行操作的时候,将操作的信息保存到本地,然后存入数据库