今天来开始写一下关于购物车的东西, 这里首先抛出四个问题:

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中 (不用数据库)

整体的思路图解:

接下来就是代码实例来实现 购物车的功能了:

1,将商品加入购物车中

1 //加入购物车
2 function addCart(){
3 // + skuId
4 window.location.href="/shopping/buyerCart?skuId="+skuId+"&amount="+$("#buy-num").val();
5 }

这里传入的参数是skuId(库存表的主键, 库存表保存的商品id,颜色,尺码,库存等信息), 购买数量amount.

接着我们来看Controller是如何来处理的:

//加入购物车
@RequestMapping(value="/shopping/buyerCart")
public <T> String buyerCart(Long skuId, Integer amount, HttpServletRequest request,
HttpServletResponse response) throws JsonParseException, JsonMappingException, IOException{
//将对象转换成json字符串/json字符串转成对象
ObjectMapper om = new ObjectMapper();
om.setSerializationInclusion(Include.NON_NULL);
BuyerCart buyerCart = null;
//1,获取Cookie中的购物车
Cookie[] cookies = request.getCookies();
if (null != cookies && cookies.length > ) {
for (Cookie cookie : cookies) {
//
if (Constants.BUYER_CART.equals(cookie.getName())) {
//购物车 对象 与json字符串互转
buyerCart = om.readValue(cookie.getValue(), BuyerCart.class);
break;
}
}
} //2,Cookie中没有购物车, 创建购物车对象
if (null == buyerCart) {
buyerCart = new BuyerCart();
} //3, 将当前款商品追加到购物车
if (null != skuId && null != amount) {
Sku sku = new Sku();
sku.setId(skuId);
BuyerItem buyerItem = new BuyerItem();
buyerItem.setSku(sku);
//设置数量
buyerItem.setAmount(amount);
//添加购物项到购物车
buyerCart.addItem(buyerItem);
} //排序 倒序
List<BuyerItem> items = buyerCart.getItems();
Collections.sort(items, new Comparator<BuyerItem>() { @Override
public int compare(BuyerItem o1, BuyerItem o2) {
return -;
} }); //前三点 登录和非登录做的是一样的操作, 在第四点需要判断
String username = sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request, response));
if (null != username) {
//登录了
//4, 将购物车追加到Redis中
cartService.insertBuyerCartToRedis(buyerCart, username);
//5, 清空Cookie 设置存活时间为0, 立马销毁
Cookie cookie = new Cookie(Constants.BUYER_CART, null);
cookie.setPath("/");
cookie.setMaxAge(-);
response.addCookie(cookie);
}else {
//未登录
//4, 保存购物车到Cookie中
//将对象转换成json格式
Writer w = new StringWriter();
om.writeValue(w, buyerCart);
Cookie cookie = new Cookie(Constants.BUYER_CART, w.toString());
//设置path是可以共享cookie
cookie.setPath("/");
//设置Cookie过期时间: -1 表示关闭浏览器失效 0: 立即失效 >0: 单位是秒, 多少秒后失效
cookie.setMaxAge(**);
//5,Cookie写会浏览器
response.addCookie(cookie);
} //6, 重定向
return "redirect:/shopping/toCart";
}

这里设计一个知识点: 将对象转换成json字符串/json字符串转成对象
我们在这里先写一个小的Demo来演示json和对象之间的互转, 这里使用到了springmvc中的ObjectMapper类.

public class TestJson {

    @Test
public void testAdd() throws Exception {
TestTb testTb = new TestTb();
testTb.setName("范冰冰");
ObjectMapper om = new ObjectMapper();
om.setSerializationInclusion(Include.NON_NULL);
//将对象转换成json字符串
Writer wr = new StringWriter();
om.writeValue(wr, testTb);
System.out.println(wr.toString()); //转回对象
TestTb r = 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格式
Writer w = new StringWriter();
om.writeValue(w, buyerCart);
Cookie cookie = new Cookie(Constants.BUYER_CART, w.toString());
//设置path是可以共享cookie
cookie.setPath("/");
//设置Cookie过期时间: -1 表示关闭浏览器失效 0: 立即失效 >0: 单位是秒, 多少秒后失效
cookie.setMaxAge(**);
//5,Cookie写会浏览器
response.addCookie(cookie);

我们debug 可以看到:

这里已经将对象购物车对象buyerCart转换成了Json格式.
将商品添加到购物车, 不管是登录还是未登录, 都要先取出Cookie中的购物车, 然后将当前选择的商品追加到购物车中.
然后登录的话  就把Cookie中的购物车清空, 并将购物车的内容添加到Redis中做持久化保存.
如果未登录, 将选择的商品追加到Cookie中.

将购物车追加到Redis中的代码:insertBuyerCartToRedis(这里面包含了判断添加的是否是同款)

//保存购物车到Redis中
public void insertBuyerCartToRedis(BuyerCart buyerCart, String username){
List<BuyerItem> items = buyerCart.getItems();
if (items.size() > ) {
//redis中保存的是skuId 为key , amount 为value的Map集合
Map<String, String> hash = new HashMap<String, String>();
for (BuyerItem item : 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() > ) {
jedis.hmset("buyerCart:"+username, hash);
}
} }

判断用户是否登录: String username = sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request, response));

public class RequestUtils {

    //获取CSessionID
public static String getCSessionId(HttpServletRequest request, HttpServletResponse response){
//1, 从Request中取Cookie
Cookie[] cookies = request.getCookies();
//2, 从Cookie数据中遍历查找, 并取CSessionID
if (null != cookies && cookies.length > ) {
for (Cookie cookie : cookies) {
if ("CSESSIONID".equals(cookie.getName())) {
//有, 直接返回
return cookie.getValue();
}
}
}
//没有, 创建一个CSessionId, 并且放到Cookie再返回浏览器.返回新的CSessionID
String csessionid = UUID.randomUUID().toString().replaceAll("-", "");
//并且放到Cookie中
Cookie cookie = new Cookie("CSESSIONID", csessionid);
//cookie 每次都带来, 设置路径
cookie.setPath("/");
//0:关闭浏览器 销毁cookie. 0:立即消失. >0 存活时间,秒
cookie.setMaxAge(-); return csessionid;
}
}
//获取
public String getAttributterForUsername(String jessionId){
String value = jedis.get(jessionId + ":USER_NAME");
if(null != value){
//计算session过期时间是 用户最后一次请求开始计时.
jedis.expire(jessionId + ":USER_NAME", *exp);
return value;
}
return null;
} sessionProviderService

==========================================2,购物车展示页面
最后 重定向到购物车展示页: return "redirect:/shopping/toCart"; 这里进入结算页有两种方式:
1) 在商品详情页 点击加入购物车.
2) 直接点击购物车按钮 进入购物车结算页.

下面来看下结算页的代码:

@Autowired
private CartService cartService;
//去购物车结算, 这里有两个地方可以直达: 1,在商品详情页 中点击加入购物车按钮 2, 直接点击购物车按钮
@RequestMapping(value="/shopping/toCart")
public String toCart(Model model, HttpServletRequest request,
HttpServletResponse response) throws JsonParseException, JsonMappingException, IOException{
//将对象转换成json字符串/json字符串转成对象
ObjectMapper om = new ObjectMapper();
om.setSerializationInclusion(Include.NON_NULL);
BuyerCart buyerCart = null;
//1,获取Cookie中的购物车
Cookie[] cookies = request.getCookies();
if (null != cookies && cookies.length > ) {
for (Cookie cookie : cookies) {
//
if (Constants.BUYER_CART.equals(cookie.getName())) {
//购物车 对象 与json字符串互转
buyerCart = om.readValue(cookie.getValue(), BuyerCart.class);
break;
}
}
} //判断是否登录
String username = sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request, response));
if (null != username) {
//登录了
//2, 购物车 有东西, 则将购物车的东西保存到Redis中
if (null == buyerCart) {
cartService.insertBuyerCartToRedis(buyerCart, username);
//清空Cookie 设置存活时间为0, 立马销毁
Cookie cookie = new Cookie(Constants.BUYER_CART, null);
cookie.setPath("/");
cookie.setMaxAge(-);
response.addCookie(cookie);
}
//3, 取出Redis中的购物车
buyerCart = cartService.selectBuyerCartFromRedis(username);
} //4, 没有 则创建购物车
if (null == buyerCart) {
buyerCart = new BuyerCart();
} //5, 将购物车装满, 前面只是将skuId装进购物车, 这里还需要查出sku详情
List<BuyerItem> items = buyerCart.getItems();
if(items.size() > ){
//只有购物车中有购物项, 才可以将sku相关信息加入到购物项中
for (BuyerItem buyerItem : items) {
buyerItem.setSku(cartService.selectSkuById(buyerItem.getSku().getId()));
}
} //5,上面已经将购物车装满了, 这里直接回显页面
model.addAttribute("buyerCart", buyerCart); //跳转购物页面
return "cart";
}

这里 就是 购物车详情展示页面, 这里需要注意, 如果是同一件商品连续添加, 是需要合并的.
购物车详情展示页面就包括两大块, 1) 商品详情 2)总结
其中1)商品详情又包括 商品尺码,商品颜色, 商品购买数量, 是否有货.

取出Redis中的购物车: buyerCart = cartService.selectBuyerCartFromRedis(username);

//取出Redis中购物车
public BuyerCart selectBuyerCartFromRedis(String username){
BuyerCart buyerCart = new BuyerCart();
//获取所有商品, 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(): skuId
Sku sku = new Sku();
sku.setId(Long.parseLong(entry.getKey()));
BuyerItem buyerItem = new BuyerItem();
buyerItem.setSku(sku);
//entry.getValue(): amount
buyerItem.setAmount(Integer.parseInt(entry.getValue()));
//添加到购物车中
buyerCart.addItem(buyerItem);
} return buyerCart;
}

将购物车装满, 前面只是将skuId装进购物车, 这里还需要查出sku详情: List<BuyerItem> items = buyerCart.getItems();
buyerItem.setSku(cartService.selectSkuById(buyerItem.getSku().getId()));

//向购物车中的购物项 添加相应的数据, 通过skuId 查询sku对象, 颜色对象, 商品对象
public Sku selectSkuById(Long skuId){
Sku sku = skuDao.selectByPrimaryKey(skuId);
//颜色
sku.setColor(colorDao.selectByPrimaryKey(sku.getColorId()));
//添加商品信息
sku.setProduct(productDao.selectByPrimaryKey(sku.getProductId()));
return sku;
}

接着就返回"cart.jsp", 这个就是购物车详情展示页面了.

================================================3, 去结算页面
到了这里就说明用户必须要 登录, 而且购物车中必须要有商品.
所以这里我么你需要利用springmvc的过滤功能, 用户点击结算的时候必须要先登录, 如果没有登录的话就提示用户需要登录.

//去结算
@RequestMapping(value="/buyer/trueBuy")
public String trueBuy(String[] skuIds, Model model, HttpServletRequest request, HttpServletResponse response){
//1, 购物车必须有商品,
//取出用户名 再取出购物车
String username = sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request, response));
//取出所有购物车
BuyerCart buyerCart = cartService.selectBuyerCartFromRedisBySkuIds(skuIds, username);
List<BuyerItem> items = buyerCart.getItems();
if (items.size() > ) {
//购物车中有商品
//判断所勾选的商品是否都有货, 如果有一件无货, 那么就刷新页面.
Boolean flag = true;
//2, 购物车中商品必须有库存 且购买大于库存数量时视为无货. 提示: 购物车原页面不动. 有货改为无货, 加红提醒.
for (BuyerItem buyerItem : 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);
从购物车中取出指定商品:

//从购物车中取出指定商品
public BuyerCart selectBuyerCartFromRedisBySkuIds(String[] skuIds, String username){
BuyerCart buyerCart = new BuyerCart();
//获取所有商品, redis中保存的是skuId 为key , amount 为value的Map集合
Map<String, String> hgetAll = jedis.hgetAll("buyerCart:"+username);
if (null != hgetAll && hgetAll.size() > ) {
Set<Entry<String, String>> entrySet = hgetAll.entrySet();
for (Entry<String, String> entry : entrySet) {
for (String skuId : skuIds) {
if (skuId.equals(entry.getKey())) {
//entry.getKey(): skuId
Sku sku = new Sku();
sku.setId(Long.parseLong(entry.getKey()));
BuyerItem buyerItem = new BuyerItem();
buyerItem.setSku(sku);
//entry.getValue(): amount
buyerItem.setAmount(Integer.parseInt(entry.getValue()));
//添加到购物车中
buyerCart.addItem(buyerItem);
}
}
}
} return buyerCart;
}

1) 当我们购买的商品只要有一件是无货的状态, 那么刷新购物车详情页面, 回显无货的商品状态. 
2)当购物车中午商品时, 刷新当前页面.

购物车就这么多东西, 可能讲解有不到或者错误的地方, 欢迎大家能够指出来.

本文来自:http://www.cnblogs.com/wang-meng/p/5854773.html

[项目构建 十一]babasport 购物车的原理及实现.的更多相关文章

  1. [项目构建 十三]babasport Nginx负载均衡的详细配置及使用案例详解.

    在这里再次说明下, 这个项目是从网上 找到的一套学习资料, 自己在 空闲时间学习了这些东西. 这里面的code当然会有很多不完善的地方, 但是确实也能学到很多新东西.感谢看过这一些列博文和评论的小伙伴 ...

  2. SpringBoot项目构建、测试、热部署、配置原理、执行流程

    SpringBoot项目构建.测试.热部署.配置原理.执行流程 一.项目构建 二.测试和热部署 三.配置原理 四.执行流程

  3. 第一次使用Android Studio时你应该知道的一切配置(三):gradle项目构建

    ​[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/ ...

  4. 【转】第一次使用Android Studio时你应该知道的一切配置(三):gradle项目构建

    原文网址:http://www.cnblogs.com/smyhvae/p/4456420.html [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.c ...

  5. vue项目构建与实战

    关于 微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈 前言 由于vue相对来说比较平缓的学习过程和新颖的技术思路,使其受到了广大前后端开发者的青睐,同时其通俗易 ...

  6. C实战:项目构建Make,Automake,CMake

    C实战:项目构建Make,Automake,CMake 在本系列文章<C实战:强大的程序调试工具GDB>中我们简要学习了流行的调试工具GDB的使用方法.本文继续"C实战" ...

  7. C实战:项目构建Make,Automake,CMake【转】

    转自:https://blog.csdn.net/dc_726/article/details/48978849 版权声明:本文为博主原创文章,未经博主允许不得转载.欢迎访问 http://blog. ...

  8. Android Studio 入门级教程(三):gradle项目构建

    声明 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4456420.html [系列] Andr ...

  9. Maven学习---使用maven进行项目构建

    1. 使用maven进行项目构建 MyEclipse 自带maven 插件 Eclipse 需要单独安装maven插件 1.1. Maven 在企业中怎么用的 ? Maven : 项目构建工具 ,进行 ...

随机推荐

  1. C# 的 String.CompareTo Equals和==的比较

    String.CompareTo 语法 public int CompareTo(    string strB) 返回值 小于 0,实例小于参数 strB: 0,实例等于参数 strB: 大于 0, ...

  2. 前端优化 -- Combo Handler

    Combo Handler来合并CSS/JS文件 背景 Combo Handler是Yahoo!开发的一个Apache模块,它实现了开发人员简单方便地通过URL来合并JavaScript和CSS文件, ...

  3. 怎样录制简单GIF动图

    看到视频里的精彩画面,想用动图的形式保存下来,应该如何录制呢,今天就介绍一款小巧实用,操作简单的软件,GifCam 2.0 汉化绿色版.相比其它的录制软件,它是免费无水印又可以在线录制的. 本来学习一 ...

  4. java获取整数的各位数值

    第一种是取模运算 int qian =input/1000; //千位除以1000 int bai = input/100%10;//百位除以100%10 int shi = input%100/10 ...

  5. HDU 1020 Encoding【连续的计数器重置】

    Encoding Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Su ...

  6. luogu P1616 疯狂的采药

    题目背景 此题为NOIP2005普及组第三题的疯狂版. 此题为纪念LiYuxiang而生. 题目描述 LiYuxiang是个天资聪颖的孩子,他的梦想是成为世界上最伟大的医师.为此,他想拜附近最有威望的 ...

  7. 【报错】项目启动,仅仅报错 One or more listeners failed to start. Full details will be found in the appropriate container log file

    今天spring4.3.13 项目,整合ActiveMQ的时候,项目启动在自动部署到tomcat下的时候,不能正常的部署,仅仅报错如下: Connected to server [-- ::,] Ar ...

  8. UNIX网络编程卷1 server程序设计范式8 预先创建线程,由主线程调用accept

    本文为senlie原创,转载请保留此地址:http://blog.csdn.net/zhengsenlie 1.程序启动阶段创建一个线程池之后仅仅让主线程调用 accept 并把客户连接传递给池中某个 ...

  9. hduoj1285确定比赛名次

     确定比赛名次 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total ...

  10. Data Leakage 因果性

    参考这篇: https://blog.csdn.net/jiandanjinxin/article/details/54633475 再论数据科学竞赛中的Data Leakage 存在和利用这种倒‘因 ...