作者：一枝花算不算浪漫
來源：https://www.cnblogs.com/wang-meng/p/5854773.html

今天來寫一下關於購物車的東西, 這裏首先拋出四個問題:

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

這裏使用了@JsonIgonre註解是因爲下面需要將BuyerCart 轉換成Json格式, 而這幾個字段只有get 方法, 所以不能轉換, 需要使用忽略Json.

下面是購物項: buyerItem.java

1、將商品加入購物車中

這裏傳入的參數是skuId(庫存表的主鍵, 庫存表保存的商品id,顏色,尺碼,庫存等信息), 購買數量amount.

接着我們來看Controller是如何來處理的:

這裏設計一個知識點: 將對象轉換成json字符串/json字符串轉成對象

我們在這裏先寫一個小的Demo來演示json和對象之間的互轉, 這裏使用到了springmvc中的ObjectMapper類.

執行結果:

這裏我們使用了Include.NON_NULL, 如果TestTb 中屬性爲null 的就不給轉換成Json, 從對象-->Json字符串 用的是 objectMapper.writeValue(). 從Json字符串-->對象使用的是objectMapper.readValue().

迴歸上面我們項目中的代碼, 只有未登錄 添加商品時纔會將此商品添加到Cookie中.

我們debug 可以看到:

這裏已經將對象購物車對象buyerCart轉換成了Json格式.

將商品添加到購物車, 不管是登錄還是未登錄, 都要先取出Cookie中的購物車, 然後將當前選擇的商品追加到購物車中.

然後登錄的話 就把Cookie中的購物車清空, 並將購物車的內容添加到Redis中做持久化保存.

如果未登錄, 將選擇的商品追加到Cookie中.

將購物車追加到Redis中的代碼:insertBuyerCartToRedis(這裏麪包含了判斷添加的是否是同款)

判斷用戶是否登錄: String username =

sessionProviderService.getAttributterForUsername(RequestUtils.getCSessionId(request, response));

2、購物車展示頁面

最後 重定向到購物車展示頁: return "redirect:/shopping/toCart"; 這裏進入結算頁有兩種方式:

1) 在商品詳情頁 點擊加入購物車.

2) 直接點擊購物車按鈕 進入購物車結算頁.

下面來看下結算頁的代碼:

這裏 就是 購物車詳情展示頁面, 這裏需要注意, 如果是同一件商品連續添加, 是需要合併的.

購物車詳情展示頁面就包括兩大塊, 1) 商品詳情 2)總計(商品總額,運費)

其中1)商品詳情又包括 商品尺碼,商品顏色, 商品購買數量, 是否有貨.

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

將購物車裝滿, 前面只是將skuId裝進購物車, 這裏還需要查出sku詳情: List items = buyerCart.getItems();

buyerItem.setSku(cartService.selectSkuById(buyerItem.getSku().getId()));

接着就返回"cart.jsp", 這個就是購物車詳情展示頁面了.

3、去結算頁面

到了這裏就說明用戶必須要 登錄, 而且購物車中必須要有商品.

所以這裏我麼你需要利用springmvc的過濾功能, 用戶點擊結算的時候必須要先登錄, 如果沒有登錄的話就提示用戶需要登錄.

取出 所指定的購物車, 因爲我們結算之前在購物車詳情頁面會勾選 我們 需要購買的商品, 所以這裏是根據所勾選的商品去結算的.

BuyerCart buyerCart = cartService.selectBuyerCartFromRedisBySkuIds(skuIds, username);

從購物車中取出指定商品:

1) 當我們購買的商品只要有一件是無貨的狀態, 那麼刷新購物車詳情頁面, 回顯無貨的商品狀態.

2)當購物車中午商品時, 刷新當前頁面.

購物車就這麼多東西, 可能有講解不到或者錯誤的地方, 歡迎大家指出來.如果對你有幫助的話也請點個贊支持一下,謝謝~

34張架構史上最全技術知識圖譜