JavaWeb - 仿小米商城网(6) 商品添加到购物车

本文详细介绍了在JavaWeb环境下实现购物车功能的步骤,包括商品添加到购物车、更新购物车商品数量和删除商品。通过Servlet处理前端请求,使用Session存储购物车数据,并通过AJAX实现页面动态更新。此外,还解释了POJO、JavaBean等概念及其区别。
摘要由CSDN通过智能技术生成

JavaWeb - 仿小米商城网(6): 商品添加到购物车

1 功能描述

2.功能分析

商品购物车是面向数据库中的tb_cart表,在购物车列表页面点击结算将数据添加到数据表. 在开发三层架构体系建立对应的CartServlet类CartServiceImpl类,CartDaoImpl类

功能逻辑抽象

商品购物车功能

在这里插入图片描述

POJO(Plain Ordinary Java Object)简单的Java对象,实际就是普通JavaBeans(规范),pojo是业务称呼

entity:实体类,一个类,属性严格对应一个表格的行数据

domain:封装数据库的javabean对象,一个对象可以封装多个表格数据.(domain的范围大于entity)

DTO:专门负责接收前端表格数据的对应结构的javabean.

vo:view object,视图对象,ajax要什么,就封装什么


POJO与JavaBean的比较:

pojo:用于数据的临时传递,它只能装载数据,作为数据存储的载体,不具有业务逻辑的处理能力。
javaBean:与pojo相比,它里面可以有其他方法。
JavaBean是可重用组件,需要符合以下条件:

这个类必须有一个公共的缺省构造函数
这个类的属性使用getter和setter来访问设置数据,其他方法遵从标准命名规范
这个类可以序列化

3.前端

3.1.1修改商品详情a链接地址

获取的值用于创建购物车表单对象

在这里插入图片描述
在这里插入图片描述

新建类

在这里插入图片描述

3.1.2编写cart.html代码

主要的是实现跳转和加减商品的功能, 获取和处理数据由servlet完成

	//加一
	function pNum(pid,p,no){
   
		var nums = $("#num_count"+no).val();
		if (Number(nums)>=5){
   
			alert("每个商品每人限购5件")
		}else {
   
			nums= parseInt(nums) + 1;//购买的数量不能超过总库存
		}

		$.ajax({
   
			url:"cart.do?action=updateCartNum&pid="+pid+"&num="+nums+"&price="+p,
			method:"get",
			success:function(){
   
				location.href = "cart.html";
			},
			error:function(){
   
				alert("服务器异常");
			}
		})
	}
	//减一
	function mNum(pid,p,no){
   
		var nums = $("#num_count"+no).val();
		nums= parseInt(nums) -1;
		if(Number(nums)<=1){
   
			if(Number(nums)<=1){
   
				nums = 1;
				alert("最少不能少于1件")
			}
		}
		$.ajax({
   
			url:"cart.do?action=updateCartNum&pid="+pid+"&num="+nums+"&price="+p,
			method:"get",
			success:function(){
   
				location
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值