展示购物车列表
2017-09-28 13:05
225 查看
我们点击下图的"去购物车结算"。
可以看到会报404的错误,这是由于我们还没实现购物车列表展示功能,但是我们可以从地址栏中看到请求的url,如下图所示。
我们首先看一下购物车商品列表的jsp文件,如下图所示。我们需要给这个jsp页面传一个集合"cartList"
有了请求URL和页面需要的数据,我们现在来写Controller,如下图所示。
代码如下:
[html] view
plain copy
@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,与我们添加的数量刚好一致,说明我们的购物车列表没问题了。
可以看到会报404的错误,这是由于我们还没实现购物车列表展示功能,但是我们可以从地址栏中看到请求的url,如下图所示。
我们首先看一下购物车商品列表的jsp文件,如下图所示。我们需要给这个jsp页面传一个集合"cartList"
有了请求URL和页面需要的数据,我们现在来写Controller,如下图所示。
代码如下:
[html] view
plain copy
@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,与我们添加的数量刚好一致,说明我们的购物车列表没问题了。
相关文章推荐
- 学习淘淘商城第九十九课(展示购物车列表)
- 二级列表展示购物车MVP
- 实战day12(三)----展示购物车列表
- andriod———1.实现原生登录注册。 2.首页完成商品列表展示点击相对应的商品ID进入商品详情 3.商品详情页面展示数据,点击加入购物车进入购物车页面 4.购物车页面完成购物车编辑,删除,功能
- 淘淘商城系列——展示购物车商品列表
- 淘宝购物车展示效果列表清单
- 使用bootstrap搭建后台界面(一)列表展示
- 购物车(二级列表)
- 二级列表购物车
- <Power Shell>20 在ISE 3.0展示键盘快捷键的完整列表
- jQuery实现列表自动滚动循环滚动展示新闻
- 使用HttpURLConnection访问网络接口,展示列表数据
- 列表展示-朋友圈、百度贴吧、知乎
- [置顶] Android实现列表抽屉展示效果
- [thinkPHP5项目实战_25]前台文章列表展示
- Android 之 ListView使用BaseAdapter展示列表
- jQuery实现的小图列表,大图展示效果幻灯片示例
- 用RecyclerView展示列表时注意的问题
- activiti自定义流程之Spring整合activiti-modeler实例(三):流程模型列表展示
- 二级列表的购物车-适配器