1.新建购物车的实体类Cart
public class Cart implements java.io.Serializable{ private Shangpin shangpin;//存放商品实体类的 private Integer number;//商品数量 //setter和getter方法省略
2.在选择商品类型页面进行页面跳转
function shoppingCar() { var id=$("#baga").val(); var color=$("#hiddenColor").val(); var size=$("#hiddenSize").val(); location.href="/demo/shoppingCart?id="+id+"&color="+color+"&size="+size; }
3.在controlelr进行添加商品对象并计入session
@RequestMapping("/shoppingCart") public String shoppingCart(Integer id,HttpSession session,String color,String size){ Integer ids=Integer.valueOf(id); //根据id获取商品对象 List<Map> list=selectService.spMessage(ids); Shangpin shangpin=new Shangpin(); shangpin.setPicpath((String) list.get(0).get("picpath")); shangpin.setColor(color); shangpin.setSize(size); shangpin.setName((String)list.get(0).get("name")); shangpin.setPrice((Double) list.get(0).get("price")); shangpin.setId((Integer) list.get(0).get("id")); //获取购物车 Map<Integer, Cart> cartMap=(Map<Integer, Cart>)session.getAttribute("cartMap"); //第一次添加商品到购物车 if(cartMap==null){ cartMap=new HashMap<Integer, Cart>();//实例化map对象 //实例化购物车对象 Cart cart=new Cart(); cart.setShangpin(shangpin); cart.setNumber(1); //保存商品对象到map集合中 cartMap.put(id,cart); }else{//第一次以后的操作 Cart cart=cartMap.get("id");//根据商品id,获取购物车实体类 if(cart!=null){//存在相同的商品 cart.setNumber(cart.getNumber()+1); }else{ cart=new Cart(); cart.setShangpin(shangpin); cart.setNumber(1); cartMap.put(id,cart); } } //然后保存到session中 session.setAttribute("cartMap",cartMap); return "forward:getShoppingCar"; }
4.从session中取出购物车信息,并转发到购物车页面展示商品信息
@RequestMapping("getShoppingCar") public String getShoppingCar(HttpSession session,Model model){ Map<Integer,Cart> cartMap =(Map<Integer,Cart>)session.getAttribute("cartMap"); model.addAttribute("carList",cartMap); return "udai_shopcart"; }
5.页面显示
<table class="table table-bordere">
<thead>
<tr> <th width="150"> <label class="checked-label"><input type="checkbox" class="check-all"><i></i> 全选</label> </th> <th width="300">商品信息</th> <th width="150">单价</th> <th width="200">数量</th> <th width="200">现价</th> <th width="80">操作</th>
</tr> </thead> <tbody> <tr th:each="list:${carList}"> <th scope="row"> <label class="checked-label"><input type="checkbox"><i></i> <div class="img">![在这里插入图片描述]()</div> </label> </th> <td> <div class="name ep3" th:text="${list.value.shangpin.name}"></div> 颜色分类:<div th:text="${list.value.shangpin.color}"></div>尺码:<div th:text="${list.value.shangpin.size}"></div> </td> <td th:text="${list.value.shangpin.price}">¥20.0</td> <td> <div class="cart-num__box"> <input type="button" class="sub" value="-"> <input type="text" class="val" value="1" maxlength="2"> <input type="button" class="add" value="+">
</div> </td> <td th:text="${list.value.shangpin.price}"></td>
//这里删除按钮可获得对应的id,具体删除就是删除对应session中的键值对就可以了。 <td><a th:onclick="caonima([[${list.value.shangpin.id}]])">删除</a></td> </tr> </tbody> </table>