购物车业务逻辑(vuex)
程序员文章站
2022-06-30 19:27:54
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:当用户对商品进行操作的时候,将操作的信息保存到本地,然后存入数据库
推荐阅读
-
一步一步实现web程序信息管理系统之三----登陆业务逻辑实现(验证码功能+参数获取)
-
Winform DataGridView控件在业务逻辑上的简单使用
-
AspNet Katana中Authentication有关的业务逻辑
-
不要把异常当做业务逻辑,这性能可能你无法承受
-
vuex实现的简单购物车功能示例
-
如何以python风格高逼格的改成购物车逻辑
-
Vue学习之动画钩子,Vuex的使用与购物车的展示实例
-
Vue学习之父子组件通讯,Vuex与购物车修改删,导航守卫解决权限路由问题详解
-
ASP.NET MVC+EF框架+EasyUI实现权限管理系列(4)-业务逻辑层的封装
-
vue router+vuex实现首页登录验证判断逻辑