学习淘淘商城第九十九课(展示购物车列表)

本文介绍如何实现电商网站购物车列表的展示功能,包括通过Controller获取购物车列表并传递给JSP页面的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

         上节课我们一起学习了下添加购物车功能,这节课我们一起学习下展示购物车列表。

          我们点击下图的"去购物车结算"。

    

            可以看到会报404的错误,这是由于我们还没实现购物车列表展示功能,但是我们可以从地址栏中看到请求的url,如下图所示。

        

           我们首先看一下购物车商品列表的jsp文件,如下图所示。我们需要给这个jsp页面传一个集合"cartList"


          有了请求URL和页面需要的数据,我们现在来写Controller,如下图所示。


         代码如下:

@RequestMapping("/cart/cart")
	public String showCartList(HttpServletRequest request){
		//从cookie中取购物车列表
		List<TbItem> cartItemList = getCartItemList(request);
		//把购物车列表传递给jsp
		request.setAttribute("cartList", cartItemList);
		//返回逻辑视图
		return "cart";
	}
         下面我们重启taotao-cart-web工程,重启后,刷新刚才报404错误的那个页面,可以看到如下图所示购物车列表,当前该手机数量是1(因为我就向购物车添加了一个)

           现在我们再回到商品详情页面,点那个"+",让商品数量变成2,然后点击"加入购物车",这样加上刚才添加的1,购物车现在一共应该有3个。

           点击上图的加入购物车会看到下图所示界面。

            点击上图的"去购物车结算",可以看到如下图所示界面,可以看到当前商品数量是3,与我们添加的数量刚好一致,说明我们的购物车列表没问题了。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值