欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

购物车业务逻辑(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:当用户对商品进行操作的时候,将操作的信息保存到本地,然后存入数据库