首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    28、购物车结算页面-导航栏与地址选择布局

    本章我们开始讲购物车结算页面的编写,这个页面应该是整个项目里最复杂的页面了,ok,这章讲下基本结构。...Github:https://github.com/Ewall1106/mall(请选择分支chapter28) 1、新建购物车页面 (1)老规矩,复制一份我们已经写好的test.vue页面初始化我们购物车页面...购物车页面构建 (2)然后就是去注册下路由 这里就不废话了占据篇幅了,这个应该很easy了。 2、顶部导航栏 (1)顶部的第一个块就是导航栏了,跟前面的一样,没什么难点的了。 ?...然后我们需要跳转到一个新页面完成地址选择功能,所以我们再新建一个address.vue页面 同上,复制一份我们test.vue重命名为address作为我们的地址选择页面; 注册路由 4、小结 这章就是完成了购物车结算页面的部分布局

    2.1K30

    jsp电子商务 购物车实现之一 设计篇

    购物车的功能实现。...查询的资料,找到三种方法: 1.用cookie实现购物车; 2.用session实现购物车; 3.用cookie和数据库(购物车信息持久化)实现购物车; ========================...================================================= 分析一下这三种方法的优缺点: 1.单纯有cookie实现购物车,这样的购物车不是很理想,设想一下,如果客户端的浏览器把...cookie给禁用了, 这种方法就会在这里流产... 2.session中保存购物车的信息,这个只是在一个会话中可用,如果用户没有登录,或者说登录了以后,添加购物车,在关闭浏览器 或者登出后,之前所添加的购物车通通都流产啦...(添加操作:该用户所对应的购物车如果没有相应的信息进行添加操作;修改操作:类似的, 如果存在对应用户的购物车信息,就进行修改操作)。

    8010

    干货 | 京东购物车的 Java 架构实现及原理!

    2、购物车展示页面 最后 重定向到购物车展示页: return "redirect:/shopping/toCart"; 这里进入结算页有两种方式: 1) 在商品详情页 点击加入购物车. 2) 直接点击购物车按钮...进入购物车结算页....下面来看下结算页的代码: ? ? 这里 就是 购物车详情展示页面, 这里需要注意, 如果是同一件商品连续添加, 是需要合并的....接着就返回"cart.jsp", 这个就是购物车详情展示页面了. 3、去结算页面 到了这里就说明用户必须要 登录, 而且购物车中必须要有商品....取出 所指定的购物车, 因为我们结算之前在购物车详情页面会勾选 我们 需要购买的商品, 所以这里是根据所勾选的商品去结算的.

    1.7K40

    干货 | 京东购物车的Java架构实现及原理!

    /toCart"; 这里进入结算页有两种方式: 1) 在商品详情页 点击加入购物车. 2) 直接点击购物车按钮 进入购物车结算页....下面来看下结算页的代码: 这里 就是 购物车详情展示页面, 这里需要注意, 如果是同一件商品连续添加, 是需要合并的....buyerCart.getItems(); buyerItem.setSku(cartService.selectSkuById(buyerItem.getSku().getId())); 接着就返回"cart.jsp...", 这个就是购物车详情展示页面了. 3、去结算页面 到了这里就说明用户必须要 登录, 而且购物车中必须要有商品....取出 所指定的购物车, 因为我们结算之前在购物车详情页面会勾选 我们 需要购买的商品, 所以这里是根据所勾选的商品去结算的.

    2.8K10

    模仿天猫实战【SSM】——总结

    前台页面:前台相较于后台页面 CSS 更加复杂,交互也更多,我把每一个页面的需要用到的 css 和 js 代码均保留在了当前 JSP 页面中,方便浏览学习。 项目主要逻辑类 ?...hot-word 热词,所以为了和天猫的首页保持一致,我直接把分类栏写死了写成了一个单独的 JSP 文件并包含进了主页: ?...在产品页中点击立即购买,或者在购物车点击结算都会跳转到该页面,创建订单。 付款页面 ? 无耻的黏了一张自己的收款二维码... 付款成功页 ? 当点击确认支付按钮之后,就会跳转到该页面来。...购物车页 ? 该页面支持删除订单和对订单项进行相关的操作,点击结算页面跳转到购买页。 我的订单页 ? 该页面用于对订单的管理,可以查看和操作订单。 评价页 ?...修复购物车逻辑问题 之前给 cart.jsp 页面的 List 仅仅是通过 listByUserId 方法来获取,但其实真正的购物车是那些 order_id 为空的,所以我在 OrderItemService

    1.7K70

    模仿天猫实战【SSM】——总结

    **前台页面:**前台相较于后台页面 CSS 更加复杂,交互也更多,我把每一个页面的需要用到的 css 和 js 代码均保留在了当前 JSP 页面中,方便浏览学习。...购买页 [1240] 在产品页中点击立即购买,或者在购物车点击结算都会跳转到该页面,创建订单。 付款页面 [1240] 无耻的黏了一张自己的收款二维码......购物车页 [1240] 该页面支持删除订单和对订单项进行相关的操作,点击结算页面跳转到购买页。 我的订单页 [1240] 该页面用于对订单的管理,可以查看和操作订单。...,当我们不需要经过购物车而要直接购买的时候,就不能得到满足......修复购物车逻辑问题 之前给 cart.jsp 页面的 List 仅仅是通过 listByUserId 方法来获取,但其实真正的购物车是那些 order_id 为空的,所以我在 OrderItemService

    2.7K100
    领券