購物車的原理以及實現

時間  2019-11-25
標籤 購物車 原理 以及 實現 简体版
原文   原文鏈接

　　今天模擬京東的購物車實現原理完成了購物車模塊的開發， 給你們分享下。html

京東的購物車實現原理：在用戶登陸和不登陸的狀態下對購物車存入cookie仍是持久化到redis中的實現。下面就來具體說次購物車的實現過程java

 

兩種狀況：redis

用戶登陸，購物車存入redis中spring

用戶未登陸，購物車存入cookie中數據庫

比較兩種方式的優缺點：json

　cookie：優勢：數據保存在用戶瀏覽器中，不佔用服務端內存；用戶體檢效果好；代碼實現簡單瀏覽器

　　　　　缺點：cookie的存儲空間只有4k；更換設備時，購物車信息不能同步；cookie禁用，不提供保存cookie

　redis：優勢：數據可以持久化；實現了購物車同步session

　　　　 缺點：增長了數據庫的壓力，速度慢mvc

 

先介紹使用cookie存儲購物車的實現思路

一、用戶未登陸狀態下，用戶添加購物車，首先從cookie中查詢購物車中的商品列表

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

三、若是cookie中有該商品信息，將商品的數量相加

四、若是沒有，根據商品的id值查詢商品信息

五、將商品添加到購物車列表中

六、將購物車列表寫入cookie中，設置cookie的過時時間

七、將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中
     * 
     * 分析：一、從cookie中獲取購物車信息
     * 二、判斷購物車中的商品，若是添加的商品存在，數量相加，不存在，根據商品id查詢商品信息，添加到cookie中
     * 三、將購物車列表信息寫入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;
        // 二、循環遍列表中的商品信息
        for (TbItem tbItem : itemList) {
            // 三、判斷添加的商品是否存在
            if (tbItem.getId() == itemId.longValue()) {
                // 四、添加的商品在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中查詢購物車列表：

思路：

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

二、將購物車列表添加到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中實現刪除購物車中商品的功能：

一、接收頁面傳遞的善品id值

二、從cookie中取出購物車列表，進行循環遍歷，而後遍歷的每個商品信息和要刪除的商品進行對比

三、若是存在就從購物車列表中將該商品移除

四、從新將購物車列表寫入cookie中

五、將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購物車添加功能

思路：

一、從request域中取出登陸用戶的信息

二、使用redis存儲購物車列表 使用redis中的hash數據類型  hash的key 使用登陸用戶id值，field的key使用商品的id值，將商品的信息做爲field的value值

三、完成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中的購物車整合

一、從cookie中取出購物車列表對象

二、從redis中取出購物車對象

三、將cookie中的購物車列表和redis中的購物車列表整合（取出cookie中的購物車列表，而後添加到redis購物車中便可）

五、最終展現的結果以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();
    }

當用戶點擊去結算時：跳轉到訂單確認頁面

一、生成訂單詳情

二、配送地址信息

三、選擇支付方式

在確認訂單以前， 應該判斷用戶是不是登陸裝態，可使用攔截器實現

一、自定義攔截器實現HandlerInteceptor接口

二、從cookie中去token消息（登陸認證的令牌）

三、判斷token的值是否爲空，若是爲空，就跳轉到用戶登陸頁面完成登陸，同時須要將當前地址欄的url做爲參數傳遞（在登陸的業務邏輯中，接收該url，完成登陸後，跳轉會該頁面）

四、若是token不爲空，根據token查詢用戶信息，而後將用戶信息寫入request域中，攔截器執行放行操做

五、此時獲取到的購物車列表是從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以後，執行。異常處理。

    }

}





@Override
    public E3Result getToken(String token) {
        try {
            // 從redis中取值
            String json = jedisClient.get("USER_INFO:" + token);
            if (StringUtils.isBlank(json)) {
                // json爲空，表示已通過期
                return E3Result.build(400, "session已通過期，請從新登陸");
            }
            //將json對象轉化爲pojo對象
            TbUser user = JsonUtils.jsonToPojo(json, TbUser.class);
            //從新設置用戶登陸信息的過時時間
            jedisClient.expire("USER_INFO:" + token, 1800);
            //將獲取的user信息使用E3Result包裝後返回
            return E3Result.ok(user);

        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }

攔截器定義好以後，須要在springmvc中配置

<mvc:interceptors>
        <mvc:interceptor>
            <!-- 攔截全部請求 -->
            <mvc:mapping path="/**" />
            <!-- 註冊自定義攔截器 -->
            <bean class="nyist.e3.interceptor.LoginInterceptor"></bean>
        </mvc:interceptor>
    </mvc:interceptors>

在登陸頁面接收url，實現sso系統的回調 接收的redirectUrl即爲攔截中請求登陸頁面傳遞的參數

 

 至此：購物車模塊的功能基本實現，錯誤的地方但願你們多多指正。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程