品优购12—购物车解决方案

阅读数: 次 2020-09-23

EverydayOneCat

「Aerodynamic Baking Marshmallows!」科学地烤棉花糖

Marshmallow is ⓁⓄⓋⒺ

1af336e4af59741c84c77a6f2b811f2875301441.gif@518w_1e_1c

购物车

用户在商品详细页点击加入购物车，提交商品SKU编号和购买数量，添加到购物车。购物车展示页面如下：

1.实现思路

购物车数据的存储结构如下：

当用户在未登录的情况下，将此购物车存入cookies , 在用户登陆的情况下，将购物车数据存入redis 。如果用户登陆时，cookies中存在购物车，需要将cookies的购物车合并到redis中存储.

创建购物车实体类

public class Cart implements Serializable{
	private String sellerId;//商家ID
	private String sellerName;//商家名称
	private List<TbOrderItem> orderItemList;//购物车明细
	//getter  and setter  ......
}

2.Cookie存储购物车

2.1服务层

/**
 * 购物车服务实现类
 * @author Administrator
 *
 */
@Service
public class CartServiceImpl implements CartService {

	@Autowired
	private TbItemMapper itemMapper;
	
	@Override
	public List<Cart> addGoodsToCartList(List<Cart> cartList, Long itemId, Integer num) {
	
		//1.根据商品SKU ID查询SKU商品信息
		TbItem item = itemMapper.selectByPrimaryKey(itemId);
		if(item==null){
			throw new RuntimeException("商品不存在");
		}
		if(!item.getStatus().equals("1")){
			throw new RuntimeException("商品状态无效");
		}
		
		//2.获取商家ID		
		String sellerId = item.getSellerId();
		
		//3.根据商家ID判断购物车列表中是否存在该商家的购物车		
		Cart cart = searchCartBySellerId(cartList,sellerId);
		
		//4.如果购物车列表中不存在该商家的购物车
		if(cart==null){		
			
			//4.1 新建购物车对象 ，
			cart=new Cart();
			cart.setSellerId(sellerId);
			cart.setSellerName(item.getSeller());						
			TbOrderItem orderItem = createOrderItem(item,num);
			List orderItemList=new ArrayList();
orderItemList.add(orderItem);
			cart.setOrderItemList(orderItemList);
			
			//4.2将购物车对象添加到购物车列表
			cartList.add(cart);
			
		}else{
			//5.如果购物车列表中存在该商家的购物车			
			// 判断购物车明细列表中是否存在该商品
			TbOrderItem orderItem = searchOrderItemByItemId(cart.getOrderItemList(),itemId);
						
			if(orderItem==null){
				//5.1. 如果没有，新增购物车明细				
				orderItem=createOrderItem(item,num);
				cart.getOrderItemList().add(orderItem);
			}else{
				//5.2. 如果有，在原购物车明细上添加数量，更改金额
				orderItem.setNum(orderItem.getNum()+num);			
				orderItem.setTotalFee(new BigDecimal(orderItem.getNum()*orderItem.getPrice().doubleValue())  );
				//如果数量操作后小于等于0，则移除
				if(orderItem.getNum()<=0){
					cart.getOrderItemList().remove(orderItem);//移除购物车明细	
				}
				//如果移除后cart的明细数量为0，则将cart移除
				if(cart.getOrderItemList().size()==0){
					cartList.remove(cart);
				}
			}			
		}			
		return cartList;
	}
	
	
	/**
	 * 根据商家ID查询购物车对象
	 * @param cartList
	 * @param sellerId
	 * @return
	 */
	private Cart searchCartBySellerId(List<Cart> cartList, String sellerId){
		for(Cart cart:cartList){
			if(cart.getSellerId().equals(sellerId)){
				return cart;
			}		
		}
		return null;
	}
	
	/**
	 * 根据商品明细ID查询
	 * @param orderItemList
	 * @param itemId
	 * @return
	 */
	private TbOrderItem searchOrderItemByItemId(List<TbOrderItem> orderItemList ,Long itemId ){
		for(TbOrderItem orderItem :orderItemList){
			if(orderItem.getItemId().longValue()==itemId.longValue()){
				return orderItem;				
			}			
		}
		return null;
	}
	
	/**
	 * 创建订单明细
	 * @param item
	 * @param num
	 * @return
	 */
	private TbOrderItem createOrderItem(TbItem item,Integer num){
		if(num<=0){
			throw new RuntimeException("数量非法");
		}
		
		TbOrderItem orderItem=new TbOrderItem();
		orderItem.setGoodsId(item.getGoodsId());
		orderItem.setItemId(item.getId());
		orderItem.setNum(num);
		orderItem.setPicPath(item.getImage());
		orderItem.setPrice(item.getPrice());
		orderItem.setSellerId(item.getSellerId());
		orderItem.setTitle(item.getTitle());
		orderItem.setTotalFee(new BigDecimal(item.getPrice().doubleValue()*num));
		return orderItem;
	}
}

2.2控制层

@RestController
@RequestMapping("/cart")
public class CartController {

	@Reference
	private CartService cartService;
	
	@Autowired
	private  HttpServletRequest request;
	
	@Autowired
	private  HttpServletResponse response;
	
	
	/**
	 * 购物车列表
	 * @param request
	 * @return
	 */
	@RequestMapping("/findCartList")
	public List<Cart> findCartList(){
		String cartListString = util.CookieUtil.getCookieValue(request, "cartList","UTF-8");
		if(cartListString==null || cartListString.equals("")){
			cartListString="[]";
		}
		List<Cart> cartList_cookie = JSON.parseArray(cartListString, Cart.class);
		return cartList_cookie;	
	}
	
	/**
	 * 添加商品到购物车
	 * @param request
	 * @param response
	 * @param itemId
	 * @param num
	 * @return
	 */
	@RequestMapping("/addGoodsToCartList")
	public Result addGoodsToCartList(Long itemId,Integer num){
		try {			
			List<Cart> cartList =findCartList();//获取购物车列表
			cartList = cartService.addGoodsToCartList(cartList, itemId, num);	
			util.CookieUtil.setCookie(request, response, "cartList", JSON.toJSONString(cartList),3600*24,"UTF-8");
			return new Result(true, "添加成功");
		} catch (Exception e) {
			e.printStackTrace();
			return new Result(false, "添加失败");
		}
	}	
}

3.前端逻辑

合计数

//求合计
this.sum=function(cartList){		
    var totalValue={totalNum:0, totalMoney:0.00 };//合计实体
    for(var i=0;i<cartList.length;i++){
        var cart=cartList[i];
        for(var j=0;j<cart.orderItemList.length;j++){
            var orderItem=cart.orderItemList[j];//购物车明细
            totalValue.totalNum+=orderItem.num;
            totalValue.totalMoney+= orderItem.totalFee;
        }				
    }
    return totalValue;
}

4.Redis存储购物车

判断当前用户是否登陆，如果未登录采用Cookie存储，如果登录则采用Redis存储。登录后要进行Cookie购物车与Redis购物车的合并操作，并清除Cookie购物车。

4.1获取当前登录人账号

spring-security.xml 更改配置:

去掉

1	<http pattern="/cart/\.do"* security="none"></http>

添加

1	<intercept-url pattern="/cart/*.do" access="IS_AUTHENTICATED_ANONYMOUSLY"/>

access=”IS_AUTHENTICATED_ANONYMOUSLY” 用于设置资源可以在不登陆时可以访问。否则我们调用控制层方法获取用户名会报错。

此配置与 security=”none”的区别在于当用户未登陆时获取登陆人账号的值为anonymousUser ，而security=”none”的话，无论是否登陆都不能获取登录人账号的值。

代码实现：

1 2	//得到登陆人账号,判断当前是否有人登陆 String username = SecurityContextHolder.getContext().getAuthentication().getName();

当用户未登陆时，username的值为anonymousUser

4.2服务层

@Autowired
private RedisTemplate redisTemplate;
/**
	 * 从redis中查询购物车
	 * @param name
	 * @return
	 */
@Override
public List<Cart> findCartListFromRedis(String username) {
    System.out.println("从redis中提取购物车数据....."+username);
    List<Cart> cartList = (List<Cart>) redisTemplate.boundHashOps("cartList").get(username);
    if(cartList==null){
        cartList=new ArrayList();
    }
    return cartList;
}
/**
	 * 将购物车列表添加到redis
	 * @param name
	 */
@Override
public void saveCartListToRedis(String username, List<Cart> cartList) {
    System.out.println("向redis存入购物车数据....."+username);
    redisTemplate.boundHashOps("cartList").put(username, cartList);
}
/**
	 * 合并购物车
	 * @param cartList1
	 * @param cartList2
	 * @return
	 */
@Override
public List<Cart> mergeCartList(List<Cart> cartList1, List<Cart> cartList2) {
    for(Cart cart:cartList2) {
        for(TbOrderItem orderItem:cart.getOrderItemList()) {
            cartList1 = addGoodsToCartList(cartList1, orderItem.getItemId(), orderItem.getNum());
        }
    }
    return cartList1;
}

4.3跳板页

新建login.html ,页面添加脚本

1
2
3

<script type="text/javascript">
    location.href="cart.html";
</script>

购物车页面链接到跳板页

1	请<a href="login.html">登录</a>

点击登录按钮，会由Spring-security拦截进入CAS登录页，登陆后跳转到login.html，再由login.html跳转到cart.html

4.4控制层

/**
	 *获取购物车列表 
	 * @return
	 */
@RequestMapping("/findCartList")
public List<Cart> findCartList(){
    //得到登陆人账号
    String username = SecurityContextHolder.getContext().getAuthentication().getName();
    //从cookie读取本地购物车
    System.out.println("从cookie读取本地购物车");
    String cookieValue = util.CookieUtil.getCookieValue(request, "cartList", "utf-8");
    if(cookieValue==null||cookieValue.equals("")) {
        cookieValue="[]";
    }
    List<Cart> cartList_cookie = JSON.parseArray(cookieValue, Cart.class);
    if(username.equals("anonymousUser")) {//如果未登录
        return cartList_cookie;
    }else {//如果已登录	
        //从redis读取购物车
        System.out.println("从redis读取购物车");
        List<Cart> cartList_redis = cartService.findCartListFromRedis(username);
        if(cartList_cookie.size()>0) {//如果本地存在购物车
            //合并购物车
            List<Cart> mergeCartList = cartService.mergeCartList(cartList_redis, cartList_cookie);
            //清除本地cookie的数据
            util.CookieUtil.deleteCookie(request, response, "cartList");
            //将合并后的数据存入redis 
            cartService.saveCartListToRedis(username, mergeCartList); 
            return mergeCartList;
        }
        return cartList_redis;
    }

}

结语

叫我水王，这篇完全没有新知识，就当老知识的复习吧😉