今天来写一下关于购物车的东西, 这里首先抛出四个问题:
1)用户没登陆用户名和密码,添加商品, 关闭浏览器再打开后 不登录用户名和密码问:购物车商品还在吗?
2)用户登陆了用户名密码,添加商品,关闭浏览器再打开后 不登录用户名和密码 问:购物车商品还在吗?
3)用户登陆了用户名密码,添加商品, 关闭浏览器,然后再打开,登陆用户名和密码 问:购物车商品还在吗?
4)用户登陆了用户名密码,添加商品, 关闭浏览器 外地老家打开浏览器 登陆用户名和密码 问:购物车商品还在吗?
上面四个问题都是以京东为模板, 那么大家猜猜结果是什么呢?
1)在
2)不在了
3)在
4)在
如果你能够猜到答案,那么说明你真的很棒, 那么关于这四点是怎么实现的呢?(如果有不认可的小伙伴可以用京东实验一下)
下面我们就来讲解下购物车的原理,最后再来说下具体的code实现。
1)用户没有登录,添加商品, 此时的商品是被添加到了浏览器的Cookie中, 所以当再次访问时(不登录),商品仍然在Cookie中,所以购物车中的商品还是存在的。
2)用户登录了,添加商品, 此时会将Cookie中和用户选择的商品都添加到购物车中, 然后删除Cookie中的商品。所以当用户再次访问(不登录),此时Cookie中的购物车商品已经被删除了, 所以此时购物车中的商品不在了。
3)用户登录, 添加商品,此时商品被添加到数据库做了持久化存储, 再次打开登录用户名和密码,该用户选择的商品肯定还是存在的, 所以购物车中的商品还是存在的。
4)理由3)
这里再说下 没登录 保存商品到Cookie的优点以及保存到Session和数据库的对比:
1:Cookie: 优点: 保存用户浏览器(不用浪费我们公司的服务器) 缺点:Cookie禁用,不提供保存
2:Session:(Redis : 浪费大量服务器内存:实现、禁用Cookie) 速度很快
3:数据库(Mysql、Redis、SOlr) 能持久化的就数据库 速度太慢
那么我今天要讲的就是:
用户没登陆:购物车添加到Cookie中
用户登陆: 保存购物车到Redis中 (不用数据库)
整体的思路图解:
接下来就是代码实例来实现 购物车的功能了:
首先我们看下购物车和购物项两个JavaBean的设计:
购物车: buyerCart.java
1publicclassBuyerCartimplementsSerializable{/***购物车*/privatestaticfinallongserialVersionUID=1L;//商品结果集privateList<BuyerItem>items=newArrayList<BuyerItem>();//添加购物项到购物车publicvoidaddItem(BuyerItemitem){//判断是否包含同款if(items.contains(item)){//追加数量for(BuyerItembuyerItem:items){if(buyerItem.equals(item)){buyerItem.setAmount(item.getAmount()+buyerItem.getAmount());}}}else{items.add(item);}}publicList<BuyerItem>getItems(){returnitems;}publicvoidsetItems(List<BuyerItem>items){this.items=items;}//小计//商品数量@JsonIgnorepublicIntegergetProductAmount(){Integerresult=0;//计算for(BuyerItembuyerItem:items){result+=buyerItem.getAmount();}returnresult;}//商品金额@JsonIgnorepublicFloatgetProductPrice(){Floatresult=0f;//计算for(BuyerItembuyerItem:items){result+=buyerItem.getAmount()*buyerItem.getSku().getPrice();}returnresult;}//运费@JsonIgnorepublicFloatgetFee(){Floatresult=0f;//计算if(getProductPrice()<79){result=5f;}returnresult;}//总价@JsonIgnorepublicFloatgetTotalPrice(){returngetProductPrice()+getFee();}}
这里使用了@JsonIgonre注解是因为下面需要将BuyerCart 转换成Json格式, 而这几个字段只有get 方法, 所以不能转换, 需要使用忽略Json。
下面是购物项: buyerItem.java
publicclassBuyerItemimplementsSerializable{privatestaticfinallongserialVersionUID=1L;//SKu对象privateSkusku;//是否有货privateBooleanisHave=true;//购买的数量privateIntegeramount=1;publicSkugetSku(){returnsku;}publicvoidsetSku(Skusku){this.sku=sku;}publicBooleangetIsHave(){returnisHave;}publicvoidsetIsHave(BooleanisHave){this.isHave=isHave;}publicIntegergetAmount(){returnamount;}publicvoidsetAmount(Integeramount){this.amount=amount;}@OverridepublicinthashCode(){finalintprime=31;intresult=1;result=prime*result+((sku==null)?0:sku.hashCode());returnresult;}@Overridepublicbooleanequals(Objectobj){if(this==obj)//比较地址returntrue;if(obj==null)returnfalse;if(getClass()!=obj.getClass())returnfalse;BuyerItemother=(BuyerItem)obj;if(sku==null){if(other.sku!=null)returnfalse;}elseif(!sku.getId().equals(other.sku.getId()))returnfalse;returntrue;}}1、将商品加入购物车中//加入购物车functionaddCart(){//+skuIdwindow.location.href="/shopping/buyerCart?skuId="+skuId+"&amount="+$("#buy-num").val();}
这里传入的参数是skuId(库存表的主键, 库存表保存的商品id,颜色,尺码,库存等信息), 购买数量amount。
接着我们来看Controller是如何来处理的:
//加入购物车@RequestMapping(value="/shopping/buyerCart")public<T>StringbuyerCart(LongskuId,Integeramount,HttpServletRequestrequest,HttpServletResponseresponse)throwsJsonParseException,JsonMappingException,IOException{//将对象转换成json字符串/json字符串转成对象ObjectMapperom=newObjectMapper();om.setSerializationInclusion(Include.NON_NULL);BuyerCartbuyerCart=null;//1,获取Cookie中的购物车Cookie[]cookies=request.getCookies();if(null!=cookies&&cookies.length>0){for(Cookiecookie:cookies){//if(Constants.BUYER_CART.equals(cookie.getName())){//购物车对象与json字符串互转buyerCart=om.readValue(cookie.getValue(),BuyerCart.class);break;}}}//2,Cookie中没有购物车,创建购物车对象if(null==buyerCart){buyerCart=newBuyerCart();}//3,将当前款商品追加到购物车if(null!=skuId&&null!=amount){Skusku=newSku();sku.setId(skuId);BuyerItembuyerItem=newBuyerItem();buyerItem.setSku(sku);//设置数量buyerItem.setAmount(amount);//添加购物项到购物车buyerCart.addItem(buyerItem);}//排序倒序List<BuyerItem>items=buyerCart.getItems();Collections.sort(items,newComparator<BuyerItem>(){@Overridepublicintcompare(BuyerItemo1,BuyerItemo2){return-1;}});//前三点登录和非登录做的是一样的操作,在第四点需要判断Stringusername=sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request,response));if(null!=username){//登录了//4,将购物车追加到Redis中cartService.insertBuyerCartToRedis(buyerCart,username);//5,清空Cookie设置存活时间为0,立马销毁Cookiecookie=newCookie(Constants.BUYER_CART,null);cookie.setPath("/");cookie.setMaxAge(-0);response.addCookie(cookie);}else{//未登录//4,保存购物车到Cookie中//将对象转换成json格式Writerw=newStringWriter();om.writeValue(w,buyerCart);Cookiecookie=newCookie(Constants.BUYER_CART,w.toString());//设置path是可以共享cookiecookie.setPath("/");//设置Cookie过期时间:-1表示关闭浏览器失效0:立即失效>0:单位是秒,多少秒后失效cookie.setMaxAge(24*60*60);//5,Cookie写会浏览器response.addCookie(cookie);}//6,重定向return"redirect:/shopping/toCart";}这里设计一个知识点: 将对象转换成json字符串/json字符串转成对象我们在这里先写一个小的Demo来演示json和对象之间的互转, 这里使用到了springmvc中的ObjectMapper类。publicclassTestJson{@TestpublicvoidtestAdd()throwsException{TestTbtestTb=newTestTb();testTb.setName("范冰冰");ObjectMapperom=newObjectMapper();om.setSerializationInclusion(Include.NON_NULL);//将对象转换成json字符串Writerwr=newStringWriter();om.writeValue(wr,testTb);System.out.println(wr.toString());//转回对象TestTbr=om.readValue(wr.toString(),TestTb.class);System.out.println(r.toString());}}
执行结果:
这里我们使用了Include.NON_NULL, 如果TestTb 中属性为null 的就不给转换成Json, 从对象-->Json字符串 用的是 objectMapper.writeValue(). 从Json字符串-->对象使用的是objectMapper.readValue()。
回归上面我们项目中的代码, 只有未登录 添加商品时才会将此商品添加到Cookie中。
//未登录
//4,保存购物车到Cookie中
//将对象转换成json格式
Writerw=newStringWriter();
om.writeValue(w,buyerCart);
Cookiecookie=newCookie(Constants.BUYER_CART,w.toString());
//设置path是可以共享cookie
cookie.setPath("/");
//设置Cookie过期时间:-1表示关闭浏览器失效0:立即失效>0:单位是秒,多少秒后失效
cookie.setMaxAge(24*60*60);
//5,Cookie写会浏览器
response.addCookie(cookie);
我们debug 可以看到:
这里已经将对象购物车对象buyerCart转换成了Json格式。
将商品添加到购物车, 不管是登录还是未登录, 都要先取出Cookie中的购物车, 然后将当前选择的商品追加到购物车中。
然后登录的话 就把Cookie中的购物车清空, 并将购物车的内容添加到Redis中做持久化保存。
如果未登录, 将选择的商品追加到Cookie中。
将购物车追加到Redis中的代码:insertBuyerCartToRedis(这里面包含了判断添加的是否是同款)//保存购物车到Redis中
publicvoidinsertBuyerCartToRedis(BuyerCartbuyerCart,Stringusername){List<BuyerItem>items=buyerCart.getItems();if(items.size()>0){//redis中保存的是skuId为key,amount为value的Map集合Map<String,String>hash=newHashMap<String,String>();for(BuyerItemitem:items){//判断是否有同款if(jedis.hexists("buyerCart:"+username,String.valueOf(item.getSku().getId()))){jedis.hincrBy("buyerCart:"+username,String.valueOf(item.getSku().getId()),item.getAmount());}else{hash.put(String.valueOf(item.getSku().getId()),String.valueOf(item.getAmount()));}}if(hash.size()>0){jedis.hmset("buyerCart:"+username,hash);}}}判断用户是否登录: String username =sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request, response));publicclassRequestUtils{//获取CSessionIDpublicstaticStringgetCSessionId(HttpServletRequestrequest,HttpServletResponseresponse){//1,从Request中取CookieCookie[]cookies=request.getCookies();//2,从Cookie数据中遍历查找,并取CSessionIDif(null!=cookies&&cookies.length>0){for(Cookiecookie:cookies){if("CSESSIONID".equals(cookie.getName())){//有,直接返回returncookie.getValue();}}}//没有,创建一个CSessionId,并且放到Cookie再返回浏览器.返回新的CSessionIDStringcsessionid=UUID.randomUUID().toString().replaceAll("-","");//并且放到Cookie中Cookiecookie=newCookie("CSESSIONID",csessionid);//cookie每次都带来,设置路径cookie.setPath("/");//0:关闭浏览器销毁cookie.0:立即消失.>0存活时间,秒cookie.setMaxAge(-1);returncsessionid;}}//获取publicStringgetAttributterForUsername(StringjessionId){Stringvalue=jedis.get(jessionId+":USER_NAME");if(null!=value){//计算session过期时间是用户最后一次请求开始计时.jedis.expire(jessionId+":USER_NAME",60*exp);returnvalue;}returnnull;}
最后 重定向到购物车展示页: return "redirect:/shopping/toCart"; 这里进入结算页有两种方式:
1) 在商品详情页 点击加入购物车。
2) 直接点击购物车按钮 进入购物车结算页。
下面来看下结算页的代码:
@AutowiredprivateCartServicecartService;//去购物车结算,这里有两个地方可以直达:1,在商品详情页中点击加入购物车按钮2,直接点击购物车按钮@RequestMapping(value="/shopping/toCart")publicStringtoCart(Modelmodel,HttpServletRequestrequest,HttpServletResponseresponse)throwsJsonParseException,JsonMappingException,IOException{//将对象转换成json字符串/json字符串转成对象ObjectMapperom=newObjectMapper();om.setSerializationInclusion(Include.NON_NULL);BuyerCartbuyerCart=null;//1,获取Cookie中的购物车Cookie[]cookies=request.getCookies();if(null!=cookies&&cookies.length>0){for(Cookiecookie:cookies){//if(Constants.BUYER_CART.equals(cookie.getName())){//购物车对象与json字符串互转buyerCart=om.readValue(cookie.getValue(),BuyerCart.class);break;}}}//判断是否登录Stringusername=sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request,response));if(null!=username){//登录了//2,购物车有东西,则将购物车的东西保存到Redis中if(null==buyerCart){cartService.insertBuyerCartToRedis(buyerCart,username);//清空Cookie设置存活时间为0,立马销毁Cookiecookie=newCookie(Constants.BUYER_CART,null);cookie.setPath("/");cookie.setMaxAge(-0);response.addCookie(cookie);}//3,取出Redis中的购物车buyerCart=cartService.selectBuyerCartFromRedis(username);}//4,没有则创建购物车if(null==buyerCart){buyerCart=newBuyerCart();}//5,将购物车装满,前面只是将skuId装进购物车,这里还需要查出sku详情List<BuyerItem>items=buyerCart.getItems();if(items.size()>0){//只有购物车中有购物项,才可以将sku相关信息加入到购物项中for(BuyerItembuyerItem:items){buyerItem.setSku(cartService.selectSkuById(buyerItem.getSku().getId()));}}//5,上面已经将购物车装满了,这里直接回显页面model.addAttribute("buyerCart",buyerCart);//跳转购物页面return"cart";}这里 就是 购物车详情展示页面, 这里需要注意, 如果是同一件商品连续添加, 是需要合并的。购物车详情展示页面就包括两大块, 1) 商品详情 2)总计(商品总额,运费)其中1)商品详情又包括 商品尺码,商品颜色, 商品购买数量, 是否有货。取出Redis中的购物车: buyerCart = cartService.selectBuyerCartFromRedis(username);//取出Redis中购物车publicBuyerCartselectBuyerCartFromRedis(Stringusername){BuyerCartbuyerCart=newBuyerCart();//获取所有商品,redis中保存的是skuId为key,amount为value的Map集合Map<String,String>hgetAll=jedis.hgetAll("buyerCart:"+username);Set<Entry<String,String>>entrySet=hgetAll.entrySet();for(Entry<String,String>entry:entrySet){//entry.getKey():skuIdSkusku=newSku();sku.setId(Long.parseLong(entry.getKey()));BuyerItembuyerItem=newBuyerItem();buyerItem.setSku(sku);//entry.getValue():amountbuyerItem.setAmount(Integer.parseInt(entry.getValue()));//添加到购物车中buyerCart.addItem(buyerItem);}returnbuyerCart;}将购物车装满, 前面只是将skuId装进购物车, 这里还需要查出sku详情: List<BuyerItem> items = buyerCart.getItems();buyerItem.setSku(cartService.selectSkuById(buyerItem.getSku().getId()));//向购物车中的购物项添加相应的数据,通过skuId查询sku对象,颜色对象,商品对象publicSkuselectSkuById(LongskuId){Skusku=skuDao.selectByPrimaryKey(skuId);//颜色sku.setColor(colorDao.selectByPrimaryKey(sku.getColorId()));//添加商品信息sku.setProduct(productDao.selectByPrimaryKey(sku.getProductId()));returnsku;}
接着就返回"cart.jsp", 这个就是购物车详情展示页面了。
3、去结算页面
到了这里就说明用户必须要 登录, 而且购物车中必须要有商品。
所以这里我么你需要利用springmvc的过滤功能, 用户点击结算的时候必须要先登录, 如果没有登录的话就提示用户需要登录。
//去结算@RequestMapping(value="/buyer/trueBuy")publicStringtrueBuy(String[]skuIds,Modelmodel,HttpServletRequestrequest,HttpServletResponseresponse){//1,购物车必须有商品,//取出用户名再取出购物车Stringusername=sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request,response));//取出所有购物车BuyerCartbuyerCart=cartService.selectBuyerCartFromRedisBySkuIds(skuIds,username);List<BuyerItem>items=buyerCart.getItems();if(items.size()>0){//购物车中有商品//判断所勾选的商品是否都有货,如果有一件无货,那么就刷新页面.Booleanflag=true;//2,购物车中商品必须有库存且购买大于库存数量时视为无货.提示:购物车原页面不动.有货改为无货,加红提醒.for(BuyerItembuyerItem:items){//装满购物车的购物项,当前购物项只有skuId这一个东西,我们还需要购物项的数量去判断是否有货buyerItem.setSku(cartService.selectSkuById(buyerItem.getSku().getId()));//校验库存if(buyerItem.getAmount()>buyerItem.getSku().getStock()){//无货buyerItem.setIsHave(false);flag=false;}if(!flag){//无货,原页面不动,有货改成无货,刷新页面.model.addAttribute("buyerCart",buyerCart);return"cart";}}}else{//购物车没有商品//没有商品:1>原购物车页面刷新(购物车页面提示没有商品)return"redirect:/shopping/toCart";}//3,正常进入下一个页面return"order";}取出 所指定的购物车, 因为我们结算之前在购物车详情页面会勾选 我们 需要购买的商品, 所以这里是根据所勾选的商品去结算的.BuyerCart buyerCart = cartService.selectBuyerCartFromRedisBySkuIds(skuIds, username);从购物车中取出指定商品://从购物车中取出指定商品publicBuyerCartselectBuyerCartFromRedisBySkuIds(String[]skuIds,Stringusername){BuyerCartbuyerCart=newBuyerCart();//获取所有商品,redis中保存的是skuId为key,amount为value的Map集合Map<String,String>hgetAll=jedis.hgetAll("buyerCart:"+username);if(null!=hgetAll&&hgetAll.size()>0){Set<Entry<String,String>>entrySet=hgetAll.entrySet();for(Entry<String,String>entry:entrySet){for(StringskuId:skuIds){if(skuId.equals(entry.getKey())){//entry.getKey():skuIdSkusku=newSku();sku.setId(Long.parseLong(entry.getKey()));BuyerItembuyerItem=newBuyerItem();buyerItem.setSku(sku);//entry.getValue():amountbuyerItem.setAmount(Integer.parseInt(entry.getValue()));//添加到购物车中buyerCart.addItem(buyerItem);}}}}returnbuyerCart;}
1) 当我们购买的商品只要有一件是无货的状态, 那么刷新购物车详情页面, 回显无货的商品状态。
2)当购物车中午商品时, 刷新当前页面。
购物车就这么多东西,可能有讲解不到或者错误的地方, 欢迎大家指出来。如果对你有帮助的话也请点个赞支持一下,谢谢~
欢迎工作一到五年的Java工程师朋友们加入Java高级互联网架构群:643459718 免费领取架构师资料
如果觉得《阿里Java架构师讲解购物车的原理及实现》对你有帮助,请点赞、收藏,并留下你的观点哦!