淘淘商城第110讲——删除购物车商品及购物车小结

删除购物车商品

通过上一讲的学习，想必大家都已实现了修改购物车商品数量这个功能，本讲我将带领大家一起实现删除购物车商品这个功能。

我们在购物车列表页面点击删除链接，如下图所示。

我们会看到如下图所示的界面，可以看到请求的url是/cart/delete/{itemId}.html，与购物车列表页面的url地址（/cart/cart.html）不一致，但是当我们点击删除链接之后应该仍然停留在当前页面，我们该怎么做到这一点呢？可以在Controller类的方法中指定/cart/delete/{itemId}的请求处理完业务逻辑后重定向到我们的购物车列表页面，这样就好像页面一直都停留在当前页面似的。

接下来我们来编写controller层的代码，如下图所示。

为了方便大家复制，现将新添加的deleteCartItem方法的代码贴出，如下所示。

/**
  * 删除购物车中的商品
  * @param itemId
  * @param request
  * @param response
  * @return
  */
@RequestMapping(value="/cart/delete/{itemId}")
public String deleteCartItem(@PathVariable Long itemId, 
		HttpServletRequest request, HttpServletResponse response) {
	
	// 取购物车商品列表
	List<TbItem> cartList = getCartList(request);
	// 找到对应的商品
	for (TbItem tbItem : cartList) {
		if (tbItem.getId() == itemId.longValue()) {
			// 删除商品
			cartList.remove(tbItem);
			// 退出循环
			break;
		}
	}
	
	// 把这个购物车写入Cookie中
	CookieUtils.setCookie(request, response, COOKIE_TT_CART, 
			JsonUtils.objectToJson(cartList), COOKIE_CART_EXPIRE, true);
	
	// 返回逻辑视图，需要做redirect跳转（即重定向）
	return "redirect:/cart/cart.html";
}

然后重启taotao-cart-web工程，重启成功后，我们点击购物车列表页面中的删除链接，可以看到如下图所示的结果，说明购物车中的该商品已经被删除掉了。

库存还显示1件以及全选、删除选中的商品、继续购物这些功能点我们都还没有实现，有兴趣的同学可以自己去实现，我们做到目前这种情况就行了。

购物车小结

我们当前实现的购物车是以Cookie的方式来实现的，这种方式有其优缺点，如下所示：

那么针对上面的缺点，我们应该怎样解决呢？这里给大家提供一下思路：

以上就是解决思路，感兴趣的同学可以自己实现一下。