当前位置： 首页 > news >正文

SpringBoot项目--电脑商城【增加/减少购物车商品数量】

news 2025/7/15 23:04:15

1.持久层[Mapper]

1.1规划需要执行的SQL语句

1.更新该商品的数量.此SQL语句无需重复开发

update t_cart set num=?,modified_user=?,modified_time=? where cid=?

2.首先进行查询需要操作的购物车数据信息【查看该条数据是否存在】

SELECT * FROM t_cart WHERE cid=?

2.接口和抽象方法

在CartMapper接口中添加抽象方法

Cart findByCid(Integer cid);

3 编写映射

在CartMapper文件中添加findByCid(Integer cid)方法的映射

    <select id="findByCid" resultMap="CartEntityMap">select *from t_cartwhere cid=#{cid};</select>

4 单元测试

在CartMapperTests测试类中添加findByCid()测试方法

@Test
public void findByCid() {System.out.println(cartMapper.findByCid(1));
}

2.业务层[service]

1规划异常

  • 在更新时产生UpdateException未知异常,此异常类无需再次创建
  • 可能该购物车列表数据归属不是登录的用户,抛AccessDeniedException异常,此异常类无需再次创建
  • 要查询的数据不存在.抛出CartNotFoundException异常,创建该异常类并使其继承ServiceException
/** 购物车数据不存在的异常 */
public class CartNotFoundException extends ServiceException {/**重写ServiceException的所有构造方法*/
}

2设计接口和抽象方法及实现

在业务层ICartService接口中添加addNum()抽象方法

1.先判断需要哪些参数,该抽象方法的实现依赖于CartMapper接口的两个方法:

updateNumByCid方法.参数是cid,num,String modifiedUser,Date modifiedTime

findByCid方法.参数是cid

在业务层中从购物车表查询到该商品的数量,然后再和前端传过来的增加的数量进行求和得到num

所以该方法的参数是cid,uid,username

2.判断一下该方法的返回值:

  • 该方法返回值void.这样的话就需要在前端页面加location.href使该页面自己跳转到自己,实现刷新页面(不建议,每次都加载整个页面,数据量太大了)
  • 返回值是Integer类型.这样的话就把数据库中更新后的数量层层传给前端,前端接收后填充到控件中就可以了
/**
* 增加用户的购物车中某商品的数量
* @param cid
* @param uid
* @param username
* @return 增加成功后新的数量
*/
Integer addNum(Integer cid,Integer uid, String username);

3.在CartServiceImpl类中实现接口中的抽象方法

    /***  更新用户的购物车数量的数据** 调用了updateNumByCid(cid,num,modifiedUser,modifiedTime)*      和findByCid(cid)*  Integer:返回的是最新的购物车数量*/@Overridepublic Integer addNum(Integer cid, Integer uid, String username) {Cart result = cartMapper.findByCid(cid);if(result == null) {throw new CartNotFoundException("购物车数据不存在");} else if(! result.getUid().equals(uid)) {throw new AccessDeniedException("数据非法访问");}Integer num = result.getNum() + 1;Integer rows = cartMapper.updateNumByCid(cid, num, username, new Date());if(rows != 1) {throw new UpdateException("更新数据失败");}return num;}

3单元测试

就接收个参数,然后业务层将其加一后返回,不需要再测了

3.控制层[Controller]

1处理异常

在BaseController类中添加CartNotFoundException异常类的统一管理

else if (e instanceof CartNotFoundException) {result.setState(4007);result.setMessage("购物车表不存在该商品的异常");
}

2设计请求

  • /carts/{cid}/num/add
  • post
  • @PathVariable(“cid”) Integer cid, HttpSession session
  • JsonResult<Integer>

3处理请求

在CartController类中添加处理请求的addNum()方法

    @PostMapping("/{cid}/add_num")public JsonResult<Integer> addNum(@PathVariable("cid") Integer cid,HttpSession session){Integer data = cartService.addNum(cid,getuidFromSession(session),getUsernameFromSession(session));return new JsonResult<>(OK,data);}

4.前端页面

1.首先确定在showCartList()函数中动态拼接的增加购物车按钮是绑定了addNum()事件，如果已经添加无需重复添加

<input class="num-btn" type="button" value="+" onclick="addNum(#{cid})" />

2.在script标签中定义addNum()函数并编写增加购物车数量的逻辑代码

//添加商品按钮function addNum(cid){$.ajax({url:"/cart/"+cid+"/add_num",type: "POST",dataType:"JSON",success(e){console.log(e.state)if (e.state==200){//<input id="goodsCount#{cid}" type="text" size="2" readonly="readonly" class="num-text" value="#{num}">//修改商品数量，// val(): 因为这里使用val，是为了修改value的值$("#goodsCount" + cid).val(e.data);//<td>¥<span id="goodsPrice#{cid}">#{singlePrice}</span></td>//商品单价//html():选中所选元素的html，可能有html元素let singlePrice=$("#goodsPrice"+cid).html();let totalPrice=singlePrice*e.data;//表示将总数加入页面中//<td><span id="goodsCast#{cid}">#{totalPrice}</span></td>$("#goodsCast"+cid).html(totalPrice);}else{alert("增加购物车数据失败"+e.message)}},error(xhr){alert("增加购物车商品数据加载产生未知的异常"+xhr.status)}})}

1.持久层[Mapper]

1.规划需要执行的SQL语句

1.判断当前要删除的商品是否还存在[原来的findById]

selct * from t_cart where uid=? and cid=?

2.如果该商品在该用户的购物车中本来就有，则对其的操作是进行数据更新[原来的updateNumByCid]

2.接口和抽象方法

1.在CartMapper.java

    /*** 修改购物车数据中商品的数量* @param cid 购物车数据的id* @param num 新的数量* @param modifiedUser 修改执行人* @param modifiedTime 修改时间* @return 受影响的行数*/Integer updateNumByCid(@Param("cid") Integer cid,@Param("num") Integer num,@Param("modifiedUser") String modifiedUser,@Param("modifiedTime") Date modifiedTime);/*** 根据用户id和商品id查询购物车中的数据* @param uid 用户id* @param pid 商品id* @return 匹配的购物车数据，如果该用户的购物车中并没有该商品，则返回null*/Cart findByUidAndPid(@Param("uid") Integer uid,@Param("pid") Integer pid);

3.编写映射

    <!-- 修改购物车数据中商品的数量--><update id="updateNumByCid">update t_cart setnum=#{num},modified_user=#{modifiedUser},modified_time=#{modifiedTime}where cid=#{cid}</update><!-- 根据用户id和商品id查询购物车中的数据--><select id="findByUidAndPid" resultMap="CartEntityMap">select * from t_cart where uid=#{uid} AND pid=#{pid}</select>

4.测试代码

此测试代码可以省略

2.业务层[Service]

1.规划异常

  • 在删除的时候，可能该数据被删除，造成删除异常
  • 在更新时产生UpdateException未知异常,此异常类无需再次创建
  • 可能该购物车列表数据归属不是登录的用户,抛AccessDeniedException异常,此异常类无需再次创建
  • 要查询的数据不存在.抛出CartNotFoundException异常,创建该异常类并使其继承ServiceException

2.设计接口和抽象方法的实现

1.ICartService

    /*** 更新用户的购物车数据--减少* @param cid* @param uid* @param username* @return*/Integer subNum(Integer cid,Integer uid,String username);

2.ICartServiceImpl

    /*** 更新用户的购物车数据--减少* @param cid* @param uid* @param username* @return*/@Overridepublic Integer subNum(Integer cid, Integer uid, String username) {Cart result = cartMapper.findByCid(cid);if(result==null){throw new CartNotFoundException("购物车数据不存在");}if(!result.getUid().equals(uid)){throw new AccessDeniedException("数据非法访问");}Integer num=result.getNum()-1;Integer rows = cartMapper.updateNumByCid(cid, num, username, new Date());if(rows!=1){throw new UpdateException("更新数据失败");}return num;}

3.单元测试

    @Testpublic void subNum(){cartService.subNum(3,7,"管理员");}

3.控制层[Controller]

1.处理异常

前面增加功能已经实现，不用重复执行

2.设计请求

  • /cart/sub_num/{cid}
  • post
  • @PathVariable("cid") Integer cid,HttpSession session
  • JsonResult<Integer>

3.处理请求

    /*** 在购物车列表中减少商品数量* @param cid* @param session* @return*/@PostMapping("/sub_num/{cid}")public JsonResult<Integer> subNum(@PathVariable("cid") Integer cid,HttpSession session){Integer data = cartService.subNum(cid,getuidFromSession(session),getUsernameFromSession(session));return new JsonResult<>(OK,data);}

4.前端页面

1.首先确定在showCartList()函数中动态拼接的增加购物车按钮是绑定了reduceNum()事件，如果已经添加无需重复添加

<input id="price-#{cid}"  type="button" value="-" class="num-btn" onclick="reduceNum(#{cid})" />

function reduceNum(cid) {$.ajax({url: "/cart/sub_num/"+cid,type: "POST",dataType: "JSON",success: function(json) {if (json.state == 200) {// showCartList();$("#goodsCount" + cid).val(json.data);let price = $("#goodsPrice" + cid).html();let totalPrice = price * json.data;$("#goodsCast" + cid).html(totalPrice);} else {alert("修改商品数量失败！" + json.message);}},error: function(xhr) {alert("您的登录信息已经过期，请重新登录！HTTP响应码：" + xhr.status);location.href = "login.html";}});}

http://www.lryc.cn/news/167053.html

相关文章：

  • CSS元素浮动
  • MATLAB中islocalmin函数用法
  • Python+Requests+Pytest+YAML+Allure实现接口自动化
  • 双视觉Transformer（Dual Vision Transformer）
  • MES系统成为工业4.0首选,制造业真正数字化车间你看过吗？
  • Vuex有几种属性以及它们的意义
  • PRBP20P-10/250C-EB、PRDP6G-10/30-CB电液比例直动式先导减压阀放大板
  • GDB之常见缩写命令(十九)
  • MarkText快捷键（随时补充中）
  • 每日一题 1601最多可达成的换楼请求数目（子集模版）
  • 排序算法-归并排序
  • vue3 整合 springboot 打完整jar包
  • 依赖倒转原则是什么？
  • 什么是GPT与MBR
  • 前后端开发接口联调对接参数
  • 定时任务框架-xxljob
  • idea项目配置三大步
  • 学会SpringMVC之自定义注解各种场景应用，提高开发效率及代码质量
  • 步态识别常见模块解读及代码实现：基于OpenGait框架
  • 前端八股文之“闭包”
  • 数据可视化：掌握数据领域的万金油技能
  • Apache Kafka 基于 S3 的数据导出、导入、备份、还原、迁移方案
  • 事务管理AOP
  • Java从Tif中抽取最大的那张图进行裁剪成x*y份
  • 人工智能AI界的龙头企业，炸裂的“英伟达”时代能走多远
  • 【实战】H5 页面同时适配 PC 移动端 —— 旋转横屏
  • 使用凌鲨进行聚合搜索
  • 程序设计之——手把手教你如何从Excel文件中读取学生信息
  • Docker容器化技术（从零学会Docker）
  • 【新版】系统架构设计师 - 案例分析 - 总览