easyui项目——网上书城&&购物车

目标：

1.加入购物车

2.购物车查询

3.清空购物车

实现购物的三种方式：

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

思路：

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

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

③、添加购物车，将数据加入两个地方：前台HTML显示，后台的session 通过userid进行保存session内容

④、清空购物车，清空session

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

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

3、数据库

---

一、加入购物车

购物车实体类创建ShoppingVo

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

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

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

        对应的必要的列段元素

 package com.zking.entiy; 

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;

public String getName() {
    return name;
}

public void setName(String name) {
    this.name = name;
}

public float getPrice() {
    return price;
}

public void setPrice(float price) {
    this.price = price;
}

public int getNum() {
    return num;
}

public void setNum(int num) {
    this.num = num;
}

public float getTotal() {
    return total;
}

public void setTotal(float total) {
    this.total = total;
}

public String getConsignee() {
    return consignee;
}

public void setConsignee(String consignee) {
    this.consignee = consignee;
}

public String getPhone() {
    return phone;
}

public void setPhone(String phone) {
    this.phone = phone;
}

public String getPostalcode() {
    return postalcode;
}

public void setPostalcode(String postalcode) {
    this.postalcode = postalcode;
}

public String getAddress() {
    return address;
}

public void setAddress(String address) {
    this.address = address;
}

public int getSendType() {
    return sendType;
}

public void setSendType(int sendType) {
    this.sendType = sendType;
}

public String getPageStr() {
    return pageStr;
}

public void setPageStr(String pageStr) {
    this.pageStr = pageStr;
}

@Override
public String toString() {
    return "ShoppingVo [name=" + name + ", price=" + price + ", num=" + num + ", total=" + total + ", consignee="
            + consignee + ", phone=" + phone + ", postalcode=" + postalcode + ", address=" + address + ", sendType="
            + sendType + ", pageStr=" + pageStr + "]";
}

public ShoppingVo() {
    // TODO Auto-generated constructor stub
}
  
  
}
 

子控制器ShoppingAction

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

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

package com.zking.web;

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.zking.entiy.ShoppingVo;
import com.zking.entiy.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.StringUtils;

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";
        }

}
 

配置文件

<action path="/shopping" type="com.zking.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();
      }
  }

 展示效果：