首页 > 代码库 > 商城系统购物车功能分析实现

商城系统购物车功能分析实现

现在网上购物已经成了人们生活中不可缺少的一部分,今天我们来看下当我们从商城里面浏览搜索了商品,看到了自己喜欢的商品准备加入到购物车的这个功能实现。

购物车功能实现:

购物车功能流程:

技术分享

功能分析:

(1)我们平时购物的时候,有时候点击商品页面的加入购物车,然后商品就直接加入到购物车列表中,不管用户是否登录。然后我们换了一台设备,发现该网站我们之前在另一台设备上加入购物车的商品不存在。由此我们可以推断出:购物车列表的内容不是存放在数据库,而是在cookie中。,所以购物车功能实现是在客户端实现的。

(2)购物车我们需要实现的功能有哪些呢?

展示购物车列表、向购物车列表中添加商品(add)、修改购物车列表中商品的数量、删除列表中的商品。

逻辑实现:

一、展示购物车列表:

因为购物车的商品列表是保存在cookie中的,所以我们获取购物车列表就是从cookie中获取商品列表。

首先cookie中保存形式也是key-value的形式,key指的是保存的名称,比如TT_CART,是一个标志而已。value是保存的商品的具体信息,是以字符串的形式保存的,我们通常将列表的形式转换成json格式的数据,因为json格式的就是一个字符串的形式保存的。

cookie属于会话跟踪技术,写入cookie是服务器的response写入的,即服务器给客户端颁发一个名词cookie。所以我们我们获取cookie就需要使用request来获取。

cookie是客户端的,如果直接将对象显示很危险,所以我们需要对商品进行编码。技术分享

 

service层实现:

技术分享

获取到商品的列表后,我们可以展示该列表:controller层实现:

技术分享

二、向购物车添加商品信息

我们首先判断购物车列表中是否存在该商品,如果存在则将该商品的数量加1,如果不存在则将商品加入购物车,重新将商品列表写入cookie。

分析:传入参数:id,num,request,response;返回值:可以采用我们的TaotaoResult,

dao层:无。

service层实现:因为之前显示了购物车列表,所以我们遍历购物车列表,对吧购物车中商品的id和加入的商品的id是否一致,如果一致则数量加1,如果不一致则需要从商品信息表中获取该上商品的信息。这里需要调用服务层的根据id获取商品信息的接口,即用httpclient。

这里还有一个问题:商品信息表中的字段是非常多的,我们难道都需要吗,此时我们就要考虑一个新的接收对象pojo了,只需要购物车里面所需要的字段即可。所以重新建立一个pojo来承接商品信息的部分信息。

技术分享

 

其中:这里需要注意cookie中和cookie外的数据的形式,是json还是java对象。

具体实现如下:controller:

技术分享

service层:

@Value("${SHANG_PIN_BASE_INFORMATION_URL}")
	private String SHANG_PIN_BASE_INFORMATION_URL;

	@Override
	public TaotaoResult getCartList(long id, Integer num, HttpServletRequest request, HttpServletResponse response) {
		/*添加购物车商品,首先购物车商品是保存在cookie中的,因为我们只要不付款是没有什么作用的。
		 * 如何从cookie中读取购物车列表呢,是利用request来实现的。
		 * 第一步:首先判断cookie中是否存在该商品,如果存在,则商品数量加1,
		 * 如果没有则根据商品id从rest工程中获取该商品,将商品写入cookie。
		 * 因为我们不需要获取商品的全部信息,只有一部分id,title,price,image,num。所以独立建立一个pojo才存放这些字段。
		 */
		CartItem cartItem=null;
		//从cookie中获取商品列表的方法
		List<CartItem> itemList=getItemListByCookie(request);
		//遍历cookie的商品列表,
		for (CartItem cItem : itemList) {
			if (cItem.getId()==id) {
				cItem.setNum(cItem.getNum()+num);
				cartItem=cItem;
				break;	
			}
			
		}
		if (itemList==null) {
			cartItem=new CartItem();
			String itemjson = HttpClientUtil.doGet(SHANG_PIN_BASE_INFORMATION_URL+id);
			//从http协议获取的返回值是json格式的
			TaotaoResult taotaoResult= TaotaoResult.formatToPojo(itemjson, TbItem.class);
			//返回结果是taotaoresult,如果想获取pojo对象,就利用它的getData方法
		
			if (taotaoResult.getStatus()==200) {
				TbItem item=(TbItem) taotaoResult.getData();
				cartItem.setId(item.getId());
				cartItem.setTitle(item.getTitle());
				cartItem.setPrice(item.getPrice());
				cartItem.setNum(item.getNum());
				cartItem.setImage(item.getImage()==null?"":item.getImage().split(",")[0]);
			}
			//将商品添加到购物车列表
			itemList.add(cartItem);	
		}
		//将商品添加到cookie中,因为cookie中的存值方式是key-value的形式,value是一个字符串,所以需要将转换的商品列表转成json的形式再保存到cookie中
		CookieUtils.setCookie(request, response,"TT_CART", JsonUtils.objectToJson(itemList), true);

		return TaotaoResult.ok();
	}
//从cookie中获取购物车列表
	private List<CartItem> getItemListByCookie(HttpServletRequest request) {
	String cookiejson = CookieUtils.getCookieValue(request, "TT_CART",true);
	//转换成商品列表
if (cookiejson==null) {
	return new ArrayList<>();	
}
//cookie 中保存的也是key -value的值,value是字符串,即json格式的数据
List<CartItem> list = JsonUtils.jsonToList(cookiejson, CartItem.class);		
		
		return list;
	}

  

 三、修改购物车商品的数量,这里利用了js来实现,调用我们的add商品的功能,num设置成1或者-1

技术分享

四:删除购物车的商品

逻辑实现:传入要删除商品的id,读取购物车的商品列表,遍历列表,比较id,如果id一样,则从cookie中remove该商品,然后重新将商品列表写入cookie。

返回购物车列表的页面。

实现:controller:

技术分享

service层实现:

技术分享

购物车功能还有一些问题:

1、更换设备购物车商品不能同步

a)         不能把购物车商品保存到数据库

b)        要求用户登录才能同步信息

c)         可以把购物车信息保存到redis中,key就是用户,value就是购物车列表

d)        购物车商品合并的问题。

2、提交订单后购物车商品需要清空。

         

 

商城系统购物车功能分析实现