购物车的原理以及实现

  今天模拟京东的购物车实现原理完成了购物车模块的开发, 给大家分享下。

京东的购物车实现原理:在用户登录和不登录的状态下对购物车存入cookie还是持久化到redis中的实现。下面就来具体说次购物车的实现过程

两种情况:

用户登录,购物车存入redis中

用户未登录,购物车存入cookie中

比较两种方式的优缺点:

 cookie:优点:数据保存在用户浏览器中,不占用服务端内存;用户体检效果好;代码实现简单

     缺点:cookie的存储空间只有4k;更换设备时,购物车信息不能同步;cookie禁用,不提供保存

 redis:优点:数据能够持久化;实现了购物车同步

     缺点:增加了数据库的压力,速度慢

先介绍使用cookie存储购物车的实现思路

1、用户未登录状态下,用户添加购物车,首先从cookie中查询购物车中的商品列表

2、 判断cookie的商品列表中是否有要添加的商品信息

3、如果cookie中有该商品信息,将商品的数量相加

4、如果没有,根据商品的id值查询商品信息

5、将商品添加到购物车列表中

6、将购物车列表写入cookie中,设置cookie的过期时间

7、将cookie返回给客户端。

 购物车的实现:

这里直接使用商品作为购物项对象,在页面中计算购物项的小计和购物车的总金额

package nyist.e3.pojo;

import java.io.Serializable;
import java.util.Date;

public class TbItem implements Serializable{
    private Long id;

    private String title;

    private String sellPoint;

    private Long price;

    private Integer num;//作为购物项购买的商品数量

    private String barcode;

    private String image;//展示购物项中的图片

    private Long cid;

    private Byte status;

    private Date created;

    private Date updated;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title == null ? null : title.trim();
    }

    public String getSellPoint() {
        return sellPoint;
    }

    public void setSellPoint(String sellPoint) {
        this.sellPoint = sellPoint == null ? null : sellPoint.trim();
    }

    public Long getPrice() {
        return price;
    }

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

    public Integer getNum() {
        return num;
    }

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

    public String getBarcode() {
        return barcode;
    }

    public void setBarcode(String barcode) {
        this.barcode = barcode == null ? null : barcode.trim();
    }

    public String getImage() {
        return image;
    }

    public void setImage(String image) {
        this.image = image == null ? null : image.trim();
    }

    public Long getCid() {
        return cid;
    }

    public void setCid(Long cid) {
        this.cid = cid;
    }

    public Byte getStatus() {
        return status;
    }

    public void setStatus(Byte status) {
        this.status = status;
    }

    public Date getCreated() {
        return created;
    }

    public void setCreated(Date created) {
        this.created = created;
    }

    public Date getUpdated() {
        return updated;
    }

    public void setUpdated(Date updated) {
        this.updated = updated;
    }
}

cookie中实现添加购物车的代码:

@Controller
public class ShopCartController {

    @Autowired
    private TbItemService tbItemService;

    @Autowired
    private ShopCartService shopCartService;
    // 获取过期时间
    @Value("${EXPIRE_KEY}")
    private Integer EXPIRE_KEY;

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

    /**
     * 需求:将商品加入购物车中未登录状态下,将购物超过添加到cookie中
     * 
     * 分析:1、从cookie中获取购物车信息
     * 2、判断购物车中的商品,如果添加的商品存在,数量相加,不存在,根据商品id查询商品信息,添加到cookie中
     * 3、将购物车列表信息写入cookie中
     * 
     * 
     * @param itemId
     * @param num
     * @return
     */
    @RequestMapping("/cart/add/{itemId}")
    public String addCart(@PathVariable Long itemId, @RequestParam(defaultValue = "1") Integer num,
            HttpServletRequest request, HttpServletResponse response) {
     // 1.获得购物车列表
        List<TbItem> itemList = getCartItemList(request);
        // 用来判断商品是否存在的标志
        boolean flag = false;
        // 2、循环遍列表中的商品信息
        for (TbItem tbItem : itemList) {
            // 3、判断添加的商品是否存在
            if (tbItem.getId() == itemId.longValue()) {
                // 4、添加的商品在cookie中存在,将数量相加
                tbItem.setNum(tbItem.getNum() + num);
                // 重置标签
                flag = true;
                // 跳出循环
                break;
            }
        }
        if (!flag) {
            // cookie中没有添加的商品信息
            // 通过商品id查询商品信息
            TbItem item = tbItemService.getItemById(itemId);
            item.setNum(num);
            if (StringUtils.isNotBlank(item.getImage())) {
                // 取一张图片用于展示使用
                item.setImage(item.getImage().split(",")[0]);
            }
            // 将商品添加购物车
            itemList.add(item);
        }
        //将购物车写入cookie中
        
        CookieUtils.setCookie(request, response, CART_COOKIE, JsonUtils.objectToJson(itemList),EXPIRE_KEY,true);
        
        return "cartSuccess";

    }


}

cookie中查询购物车列表:

思路:

1、根据cookie的name值直接取出商品列表信息

2、将购物车列表添加到model中,返回逻辑视图

private List<TbItem> getCartItemList(HttpServletRequest request) {
        // 使用utf-8,需要设置第三个参数为true
        String json = CookieUtils.getCookieValue(request, CART_COOKIE, true);
        if (StringUtils.isNotBlank(json)) {
            // 返回cookie中取出的数据集合
            return JsonUtils.jsonToList(json, TbItem.class);
        }
        // 返回空集合对象
        return new ArrayList<>();
    }



@RequestMapping("/cart/cart")
    public String getCartList(HttpServletRequest request, HttpServletResponse response, Model model) {
        // 从cookie中取出商品信息,
        List<TbItem> itemList = getCartItemList(request);
        // 将购物车信息返回给页面中
        model.addAttribute("cartList", itemList);
        // 跳转逻辑视图
        return "cart";
    }

cookie中实现删除购物车中商品的功能:

1、接收页面传递的善品id值

2、从cookie中取出购物车列表,进行循环遍历,然后遍历的每一个商品信息和要删除的商品进行对比

3、如果存在就从购物车列表中将该商品移除

4、重新将购物车列表写入cookie中

5、将cookie信息响应给客户端

@RequestMapping("/cart/delete/{itemId}")
    public String deleteCartItem(@PathVariable Long itemId, HttpServletRequest request, HttpServletResponse response) {
        List<TbItem> list = getCartItemList(request);
        for (TbItem tbItem : list) {
            if (tbItem.getId() == itemId.longValue()) {
                list.remove(tbItem);
                break;
            }
        }
        // 删除成功后,将购物车列表写入cookie中
        CookieUtils.setCookie(request, response, CART_COOKIE, JsonUtils.objectToJson(list), EXPIRE_KEY, true);

        // 删除成功后,重定向到购物车列表页面
        return "redirect:/cart/cart.html";

    }

cookie购物车的添加,查询,删除已经实现实现,更改方法和删除方法实现过程基本一样

登录状态下redis购物车的实现

实现redis购物车添加功能

思路:

1、从request域中取出登录用户的信息

2、使用redis存储购物车列表 使用redis中的hash数据类型  hash的key 使用登录用户id值,field的key使用商品的id值,将商品的信息作为field的value值

3、完成cookie存储购物车列表的功能

实现的代码:

@Override
    public E3Result addCart(Long userId, Long itemId, Integer num) {
        try {
            // 从redis中取出购物车,判断是否已经有购物项
            Boolean hexists = jedisClient.hexists(CART_REDIS_KEY_PRE + ":" + userId + "", itemId + "");
            if (hexists) {
                // 表示购物车中已经有该商品,只需要将该商品的数量相加即可
                String hget = jedisClient.hget(CART_REDIS_KEY_PRE + ":" + userId + "", itemId + "");
                // 将数量相加
                TbItem item = JsonUtils.jsonToPojo(hget, TbItem.class);
                item.setNum(item.getNum() + num);
                // 将商品重新放入购物车中
                jedisClient.hset(CART_REDIS_KEY_PRE + ":" + userId + "", itemId + "", JsonUtils.objectToJson(item));
                return E3Result.ok();
            }

            // 表示购物车中没有要添加的商品信息
            // 根据商品的id查询商品的信息
            TbItem item = itemMapper.selectByPrimaryKey(itemId);
            item.setNum(num);
            if (StringUtils.isNotBlank(item.getImage())) {
                item.setImage(item.getImage().split(",")[0]);
            }
            // 将商品信息存入购物车中
            jedisClient.hset(CART_REDIS_KEY_PRE + ":" + userId + "", itemId + "", JsonUtils.objectToJson(item));
            return E3Result.ok();
        } catch (Exception e) {
            e.printStackTrace();
        }
        return E3Result.build(400, "商品添加购物车失败");

    }

展示登录状态下的购物车列表:需要将cookie中的购物车和redis中的购物车整合

1、从cookie中取出购物车列表对象

2、从redis中取出购物车对象

3、将cookie中的购物车列表和redis中的购物车列表整合(取出cookie中的购物车列表,然后添加到redis购物车中即可)

5、最终展示的结果以redis中的购物车为主

/**
     * cookie中的购物车和redis中的购物车进行整合
     */
    @Override
    public E3Result mergeCart(Long userId, List<TbItem> itemList) {
        for (TbItem tbItem : itemList) {
            // 只需要调用登录状态下添加购物车业务处理逻辑即可
            addCart(userId, tbItem.getId(), tbItem.getNum());
        }
        return E3Result.ok();
    }

redis购物车中删除购物项

将用户的id值和商品的id值分别作为hahs的key和field的key,调用redis中的hdel(String key,String...field)即可完成删除功能

/**
     * 删除购物车
     * 
     * @return
     * 
     */
    @Override
    public E3Result deleteCartItem(Long id, Long itemId) {
        Long hdel = jedisClient.hdel(CART_REDIS_KEY_PRE + ":" + id + "", itemId + "");
        System.out.println("删除购物车购物项为"+hdel);
        return E3Result.ok();
    }

redis购物车中更新购买商品的数量

    /**
     * 更新购物车中商品的数量
     */
    @Override
    public E3Result updateRedisNum(Long id, Long itemId, Integer num) {
        // 取出需要更改数量的商品信息
        String hget = jedisClient.hget(CART_REDIS_KEY_PRE + ":" + id + "", itemId + "");
        // 将取出的json数据转换为商品对象,然后更新数量
        TbItem item = JsonUtils.jsonToPojo(hget, TbItem.class);
        item.setNum(num);
        // 更新成功后,将数据写到redis购物车中
        jedisClient.hset(CART_REDIS_KEY_PRE + ":" + id + "", itemId + "", JsonUtils.objectToJson(item));
        return E3Result.ok();
    }

当用户点击去结算时:跳转到订单确认页面

1、生成订单详情

2、配送地址信息

3、选择支付方式

在确认订单之前, 应该判断用户是否是登录装态,可以使用拦截器实现

1、自定义拦截器实现HandlerInteceptor接口

2、从cookie中去token消息(登录认证的令牌)

3、判断token的值是否为空,如果为空,就跳转到用户登录页面完成登录,同时需要将当前地址栏的url作为参数传递(在登录的业务逻辑中,接收该url,完成登录后,跳转会该页面)

4、如果token不为空,根据token查询用户信息,然后将用户信息写入request域中,拦截器执行放行操作

5、此时获取到的购物车列表是从redis中读出的和cookie整合的最新的购物车。

拦截器的实现过程:

public class LoginInterceptor implements HandlerInterceptor {
    
    @Value("${TT_TOKEN}")
    private String TT_TOKEN;
    @Value("${SSO_LOGIN_URL}")
    private String SSO_LOGIN_URL;
    
    @Autowired
    private UserService userService;

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
            throws Exception {
        //执行Handler之前执行此方法
        // a)从cookie中取token。
        String token = CookieUtils.getCookieValue(request, TT_TOKEN);
        if (StringUtils.isBlank(token)) {
            //取当前请求的url
            String url = request.getRequestURL().toString();
            // b)没有token,需要跳转到登录页面。
            response.sendRedirect(SSO_LOGIN_URL + "?redirectUrl=" + url);
            //拦截
            return false;
        }
        // c)有token。调用sso系统的服务,根据token查询用户信息。
        e3Result result = userService.getUserByToken(token);
        if (result.getStatus() != 200) {
            // d)如果查不到用户信息。用户登录已经过期。需要跳转到登录页面。
            //取当前请求的url
            String url = request.getRequestURL().toString();
            // b)没有token,需要跳转到登录页面。
            response.sendRedirect(SSO_LOGIN_URL + "?redirectUrl=" + url);
            //拦截
            return false;
        }
        // e)查询到用户信息。放行。
        return true;
    }

    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
            ModelAndView modelAndView) throws Exception {
        // 执行Handler之后返回ModelAndView之前

    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex)
            throws Exception {
        // 返回ModelAndView之后,执行。异常处理。

    }

}





拦截器定义好之后,需要在springmvc中配置

<mvc:interceptors>
        <mvc:interceptor>
            <!-- 拦截所有请求 -->
            <mvc:mapping path="/**" />
            <!-- 注册自定义拦截器 -->
            <bean class="nyist.e3.interceptor.LoginInterceptor"></bean>
        </mvc:interceptor>
    </mvc:interceptors>

在登录页面接收url,实现sso系统的回调 接收的redirectUrl即为拦截中请求登录页面传递的参数

 至此:购物车模块的功能基本实现,错误的地方希望大家多多指正。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏XAI

Highcharts AJAX JSON JQuery 实现动态数据交互显示图表 柱形图

这是第一篇实例的步骤与代码。还有整个项目的结构图。 http://my.oschina.net/xshuai/blog/345117 原创的博文。转载注明出处...

3756
来自专栏圣杰的专栏

事件总线知多少(2)

源码路径:Github-EventBus 事件总线知多少(1) 事件总线知多少(2) 1.引言 之前的一篇文章事件总线知多少(1),介绍了什么是事件总线...

2087
来自专栏小灰灰

Spring之RestTemplate使用小结一

作为一个Java后端,需要通过HTTP请求其他的网络资源可以说是一个比较常见的case了;一般怎么做呢?

1883
来自专栏互联网杂技

SpringBoot(五) :spring data jpa 的使用

使用spring data jpa 开发时,发现国内对spring boot jpa全面介绍的文章比较少案例也比较零碎,因此写文章总结一下。

823
来自专栏闻道于事

JFinal极速开发框架使用笔记

记录第一次使用JFinal,从简单的框架搭建到增删改查,从自带的方法到正常框架习惯的使用方式。  JFinal官网:http://www.jfinal.com/...

3947
来自专栏Java爬坑系列

【Java疑难杂症】利用Java核心库实现简单的AOP

  Spring是一个十分火热开源框架,而AOP(面向切面编程)则是Spring最重要的概念之一,为了更好的理解和学习AOP的思想,使用核心库来实现一次不失为一...

17811
来自专栏菩提树下的杨过

spring cloud 学习(11) - 用fastson替换jackson及用gb2312码输出

前几天遇到一个需求,因为要兼容旧项目的编码格式,需要spring-cloud的rest接口,输出gb2312编码,本以为是一个很容易的事情,比如下面这样:

1031
来自专栏Android群英传

快刀斩乱码—— Dagger2没有想象的那么难

802
来自专栏阿杜的世界

Java Web技术经验总结(六)

这个函数中的关键是几个If...else...语句,通过判断指定的类是否存在,来决定是否添加对应的messageConverter(在4.0之后应该可以使用@C...

552
来自专栏Java Web

使用RESTful风格开发Java Web

883

扫码关注云+社区