• 极客专栏正式上线!欢迎访问 https://www.jikewenku.com/topic.html
  • 极客专栏正式上线!欢迎访问 https://www.jikewenku.com/topic.html

Javaweb网上商城项目实战(21)删除和清空购物车

项目实战 Geekerstar 11个月前 (05-26) 750次浏览 已收录 0个评论 扫描二维码
文章目录[隐藏]

删除购物车原理分析

具体实现

在cart.jsp中绑定点击删除事件

<script>
	$(function() {
		//页面加载完毕之后获取到class的值为delete元素,为其绑定点击事件
		$(".delete").click(
			function() {
				if (confirm("确认删除?")) {
					//获取到被删除商品pid
					var pid = this.id;
					window.location.href = "/store_v1/CartServlet?method=removeCartItem&id="
										+ pid;
				}
			});
	});
</script>

在页面中的删除标签里面加一个id

<a href="javascript:;" id="${item.product.pid}" class="delete">删除</a>

编写删除的方法

在CartServlet中添加删除购物车商品的方法removeCartItem

// removeCartItem
public String removeCartItem(HttpServletRequest req, HttpServletResponse resp) throws Exception {
	// 获取待删除商品pid
	String pid = req.getParameter("id");
	// 获取到购物车
	Cart cart = (Cart) req.getSession().getAttribute("cart");
	// 调用购物车删除购物项方法
	cart.removeCartItem(pid);
	// 重定向到/jsp/cart.jsp
	resp.sendRedirect("/store_v1/jsp/cart.jsp");
	return null;
}

效果演示

先添加几个商品,然后点击删除会弹出提示框

我们点击确定,删除成功

清空购物车原理分析

修改cart.jsp中的链接

这个方法上一节代码中顺便写了,这里检查一下就好了,没改的改了就行。

<a href="${pageContext.request.contextPath}/CartServlet?method=clearCart" id="clear" class="clear">清空购物车</a>

编写清空的方法

在CartServlet中添加删除购物车商品的方法

// clearCart
public String clearCart(HttpServletRequest req, HttpServletResponse resp) throws Exception {
	// 获取购物车
	Cart cart = (Cart) req.getSession().getAttribute("cart");
	// 调用购物车上的清空购物车方法
	cart.clearCart();
	// 重新定向到/jsp/cart.jsp
	resp.sendRedirect("/store_v1/jsp/cart.jsp");
	return null;
}

效果演示

点击清空购物车

购物车成功被清空了

至此购物车相关的功能都完成了

源码下载

下载地址

导航目录

查看导航
丨极客文库, 版权所有丨如未注明 , 均为原创丨
本网站采用知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行授权
转载请注明原文链接:Javaweb网上商城项目实战(21)删除和清空购物车
喜欢 (0)
[247507792@qq.com]
分享 (0)
Geekerstar
关于作者:
本站技术支持

您必须 登录 才能发表评论!

  • 精品技术教程
  • 编程资源分享
  • 问答交流社区
  • 极客文库知识库

客服QQ


QQ:2248886839


工作时间:09:00-23:00