Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案

1. 购物车列表

一.需求分析

  1. 实现购物车列表的显示。购物车必须登录后才可以访问。
  2. 从商品详细页点击“加入购物车按钮”,将商品添加到购物车。
  3. 点击购物车列表项中数量的加减按钮实现对数量的修改。
  4. 删除购物车中某条记录。

二.实现思路

  1. 使用redis(hash类型数据)实现购物车的存储。大key为 CacheKey.CART_LIST ,当前登录名作为小key。购物车存储结构如下图:
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    每个用户的购物车就是一个list集合,集合中是map类型的数据,有两个属性,一个是item,表示购物车明细数据,另一个是checked,用于存储购物车是否被选中。
    每个用户的购物车类型是 List> 。
    购物车列表采用前端渲染(vue.js)的方式。

三.后端代码

  1. 购物车列表
    1. 创建服务接口
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    2. CacheKey枚举增加CART_LIST用于存储购物车列表 , 创建服务实现类
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    3. 在qingcheng_portal工程添加CartController
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  2. 添加商品到购物车
    1. 实现思路:遍历购物车,如果购物车列表中不存在该商品则添加,存在则累加数量。
    2. CartService接口新增方法定义
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    3. CartServiceImpl实现此方法
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    4. qingcheng_web_portal的CartController新增方法
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案

四.前端代码

  1. 购物车列表
    1. 拷贝cart.html到qingcheng_web_portal
    2. cart.html增加js脚本
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    3. 为购物车的div增加id
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
      修改cart.html购物车列表部分代码
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  2. 更改数量与删除
    1. cart.html 增加方法
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    2. 加减号调用方法
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    3. 修改删除链接 。传递数量的相反数就是实现删除的功能。
      Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案

五.与商品详细页对接

  1. 在CartController新增方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    这个方法实现了添加商品到购物车并重定向到购物车页面的功能。
    在浏览器上测试 http://localhost:9102/cart/buy.do?skuId=100000030326&num=1
  2. 修改item.html模板 ,js代码如下:
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    html部分
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案

2. 购物车勾选逻辑

一.需求分析

  1. 点击购物车前面的复选框即选中该购物车项,选中后需要保存该选中状态。
  2. 购物车下方显示选择的商品数量以及合计金额。
  3. 点击删除按钮,实现对选中购物车的删除。

二.保存勾选状态

  1. 实现思路:在页面点击复选框后向后端提交ajax请求,提交的参数为当前行的skuId和选中状态,后端接受到请求后更新redis中的购物车状态。
  2. CartService新增方法定义
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  3. CartServiceImpl实现此方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  4. CartController新增方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  5. cart.html新增方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案

三.合计金额计算

  1. 实现思路:使用前端的代码实现合计金额
  2. 修改cart.html ,新增属性
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  3. 新增方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  4. 在findCartList和updateChecked方法的回调处调用count方法。
  5. 修改数量和金额的显示
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案

四.删除勾选项

  1. 实现思路:使用 stream 获取没选择的购物车列表,覆盖redis 现有的购物车。
  2. CartService新增方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  3. CartServiceImpl实现方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  4. CartController新增方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  5. 删除选中的购物车
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  6. 删除选中的商品
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案

3. 满减优惠金额计算

一.需求分析

  1. 我们采用满减的规则进行优惠金额的计算。例如:某品类满XX元减XX元 。
  2. 我们需要对购物车的商品按照品类进行分组,某个品类如果达到了优惠设置的消费额度,则按照设置的优惠金额进行减免。
  3. 优惠计算有翻倍和不翻倍两种。例如 ,满100元减30元。如果消费者花了320元,不翻倍是减30元,翻倍是减90元。

二.实现思路

  1. 首先我们先看一下满减优惠规则表 tb_preferential
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  2. 创建一个方法,可以根据品类id和消费金额计算优惠金额
  3. 对购物车按商品品类进行分组,统计每个品类的消费额,调用第1步的方法得到优惠金额,将每个品类的优惠金额累加起来,得到总的优惠金额。

三.根据分类和消费额查询优惠金额

  1. PreferentialService新增方法定义
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  2. PreferentialServiceImpl实现此方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案

四.计算当前购物车优惠金额

  1. 修改CartService,新增计算优惠金额的方法定义
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  2. CartServiceImpl实现该方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  3. CartController新增方法
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
  4. 修改cart.html,新增属性
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
    修改count方法,追加以下代码,实现优惠金额的计算
    Day106 Java项目 (SSM+Dubbo)商城(十五) 购物车解决方案
上一篇:感性理解:决策树ID3、C4.5、CART


下一篇:梯度提升树 Gradient Boosting Decision Tree