购物车功能上

本期内容：

        1、加入购物车

        2、购物车查询

        3、清空购物车

实现购物的三种方式：

1、session保存购物车信息到session(服务端)

思路：

①、点击我的购物车，查询后台的session，通过用户账号去找

②、如果有那就显示商品，没有则不显示

③、添加购物车，将数据加入两个地方：前台HTML显示，后台的session

        通过userid进行保存session内容

④、清空购物车，清空session

        注意：所有购物车相关的操作应该先登录

2、cookie保存购物车（效率要更高、客户端、不安全）

3、数据库

一、添加查询购物车

1、购物车实体类创建ShoppingVo

        ①、考虑结算功能，点击结算，需要将购物车的信息，分别传递到

        订单表以及订单项两张表对应的实体类中

        ②、如果说一个页面要显示两张表的数据，要建立Vo类，Vo类中要包含两张表

        对应的必要的列段元素

public class ShoppingVo {
//  购物车列表订单项所需数据
  private String name;
  private float price;
  private int num;
  private float total;

//  提交订单所需数据
  private String consignee;
  private String phone;
  private String postalcode;
  private String address;
  private int sendType;

//  页面的所有传参字符串
  private String pageStr;

}

2、子控制器ShoppingAction

        点击添加购物车，会跳转到购物车页面

        随后要查询购物车的数据，也就是查询session中的数据

package lv.com.web;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.lv.framework.ActionSupport;
import com.lv.framework.ModelDriver;
import com.lv.util.StringUtils;

import lv.com.entity.ShoppingVo;
import lv.com.entity.User;

public class ShoppingAction extends ActionSupport implements ModelDriver<ShoppingVo>{
    ShoppingVo sv=new ShoppingVo();
    @Override
    public ShoppingVo getModel() {
        // TODO Auto-generated method stub
        return sv;
    }
    
//    将商品信息加入到购物车
    public String add(HttpServletRequest req, HttpServletResponse resp) {
        HttpSession session = req.getSession();
        User cuser = (User) session.getAttribute("cuser");
        ObjectMapper om=new ObjectMapper();
        try {
        if(cuser!=null) {
            /*点击添加传递到后台的是一个对象，然后购物车需要的是list集合进行显示
            1、第一次添加购物车中是没有数据的，也就意味着把vo放到list集合shopGoodsVos中，传递到前台即可
            2、第二次添加到购物车，也就意味着之前有购物车相关信息,取出原有的购物车信息list集合，将本次添加购物车的实体类vo放到原有的购物车信息list集合中*/
            long uid=cuser.getId();
            List<ShoppingVo> shopGoodsVos=null;
//            从session取出当前用户对应的购物信息
            String shoppingInfo=(String)session.getAttribute("shopping_"+uid);
            if(StringUtils.isNotBlank(shoppingInfo)) {
//                第2/3次添加
//                shoppingInfo包含了当前用户的购物车信息，也是通过list集合转成的一个json字符串
                    shopGoodsVos = om.readValue(shoppingInfo, List.class);
            }else {
//                第1次添加
                shopGoodsVos=new ArrayList<ShoppingVo>();
            }
//            vo指的是前台点击购物车具体商品内容
            shopGoodsVos.add(sv);
            session.setAttribute("shopping_"+uid, om.writeValueAsString(shopGoodsVos));
            req.setAttribute("shopGoodsVos", shopGoodsVos);
        }
        }catch (Exception e){
            e.printStackTrace();
        }
        return "shoppingCar";
    }
    }
 

3、配置文件

<action path="/shopping" type="lv.com.web.ShoppingAction">
    <forward name="shoppingCar" path="/fg/shoppingCar.jsp" redirect="false" />
 </action>

实现效果：

 二、清空购物车

子控制器ShoppingAction

public String list(HttpServletRequest req, HttpServletResponse resp) {
        HttpSession session = req.getSession();
        User cuser = (User) session.getAttribute("cuser");
        ObjectMapper om=new ObjectMapper();
//        查询当前用户的购物信息
        String shoppingInfo= (String) session.getAttribute("shopping_"+cuser.getId());
        try {
            List<ShoppingVo> shopGoodsVos=om.readValue(shoppingInfo, List.class);
            req.setAttribute("shopGoodsVos", shopGoodsVos);
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return "shoppingCar";
    }
    
//    清空购物车
    public void clear(HttpServletRequest req, HttpServletResponse resp) {
        HttpSession session = req.getSession();
        User cuser = (User) session.getAttribute("cuser");
        session.removeAttribute("shopping_"+cuser.getId());
        try {
            ResponseUtil.writeJson(resp, 1);
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }

呈现结果：

 

 本期内容结束~