上文我們一起改造了下商品詳情頁面關於購物車那塊的部分，本文我們將一起實現新增購物車這個功能。
我們以京東為例，比如我們選了一款手機，然後點選”加入購物車”，注意，此時我們並沒有登入。

我們會看到如下圖所示介面，可以看到，我們並沒有直接進入購物車列表，而是到了一箇中間頁面，只是提醒我們成功加入了購物車。如果想進購物車列表的話，就點選那個”去購物車結算”按鈕。

我們模仿京東的購物車功能，既然要展示成功加入購物車的頁面，我們就要先把下圖所示的淘淘商城購物車工程靜態資原始檔新增到taotao-cart-web工程當中。

記得將css、js、images放到webapp目錄下，將jsp目錄放到WEB-INF目錄下，如下圖所示。

下面我們再看下我們的商品詳情頁面以及新增購物車的情況，我們首先要啟動所有的服務，然後啟動除了taotao-cart-web工程之外的所有工程，商品詳情頁面如下圖所示。

我們點選上圖的”加入購物車”，會看到如下圖所示介面，可以看到加入購物車的請求當中包含了商品ID以及商品數量。我們可以根據商品ID查詢出商品詳情。

下面我們來完成新增購物車的功能，由於查詢商品詳情我們的taotao-manager服務已經實現過了，因此我們只需完成表現層工程即可。首先我們要新增對dubbo服務的引用，即在springmvc.xml配置檔案中新增如下配置：

<dubbo:reference interface="com.taotao.service.ItemService"
 
 id="itemService" />

接著我們在taotao-cart-web工程中按照如下業務邏輯編寫一個Controller——CartController.java：

1. 從cookie中查詢商品列表。
2. 判斷商品在商品列表中是否存在。
3. 如果存在，商品數量相加。
4. 不存在，根據商品id查詢商品資訊。當根據商品id查詢出商品資訊後，取第一張圖片儲存到image屬性中即可。
5. 把商品新增到購物車列表。
6. 把購物車商品列表寫入cookie。
   
   • key：TT_CART
   • value：購物車列表轉換成json資料，並且需要對資料進行編碼
   • cookie的有效期：儲存7天

如下圖所示，在CartController類中處理邏輯並最終返回邏輯檢視。

為了方便大家複製，現將CartController類的程式碼貼出。

/**
 * 購物車管理Controller
 * <p>Title: CartController</p>
 * <p>Description: </p>
 * <p>Company: www.itcast.cn</p> 
 * @version 1.0
 */
@Controller
public class CartController {
    @Autowired
    private ItemService itemService;
    @Value("${COOKIE_TT_CART}")
    private String COOKIE_TT_CART;
    @Value("${COOKIE_CART_EXPIRE}")
    private Integer COOKIE_CART_EXPIRE;
    @RequestMapping("/cart/add/{itemId}")
    public String addCart(@PathVariable Long itemId, Integer num, 
            HttpServletRequest request, HttpServletResponse response) {
        // 先從Cookie中查詢購物車列表
        List<TbItem> cartList = getCartList(request);
        // 判斷購物車列表中是否有此商品
        boolean flag = false;
        for (TbItem tbItem : cartList) {
            /*
             * 由於tbItem的ID與引數中的itemId都是包裝型別的Long，要比較是否相等不要用==，
             * 因為那樣比較的是物件的地址而不是值，為了讓它們比較的是值，那麼可以使用.longValue來獲取值 
             */
            if (tbItem.getId() == itemId.longValue()) {
                // 購物車列表中存在此商品，數量要相加
                // 如果有，則商品數量相加
                tbItem.setNum(tbItem.getNum() + num); // 可以用商品的庫存欄位來作為購物車商品數量
                flag = true;
                break;
            }
        }
        if (!flag) {
            // 如果沒有，則根據商品id查詢商品資訊，呼叫商品服務實現
            TbItem tbItem = itemService.getItemById(itemId);
            // 設定商品數量
            tbItem.setNum(num);
            // 取一張圖片
            String image = tbItem.getImage();
            if (StringUtils.isNotBlank(image)) {
                tbItem.setImage(image.split(",")[0]);
            }
            // 新增到商品列表
            cartList.add(tbItem);
        }
        // 把這個購物車寫入Cookie
        CookieUtils.setCookie(request, response, COOKIE_TT_CART, 
                JsonUtils.objectToJson(cartList), COOKIE_CART_EXPIRE, true);
        // 返回新增成功頁面
        return "cartSuccess";
    }

    // 從Cookie中取出購物車列表
    private List<TbItem> getCartList(HttpServletRequest request) {
        // 使用CookieUtils取購物車列表
        String json = CookieUtils.getCookieValue(request, COOKIE_TT_CART, true);
        // 判斷Cookie中是否有值
        if (StringUtils.isBlank(json)) {
            // 沒有值就返回一個空List
            return new ArrayList();
        }
        // 把json轉換成List物件
        List<TbItem> list = JsonUtils.jsonToList(json, TbItem.class);
        return list;
    }
}

CartController類的程式碼中用到了常量，常量我們都放到了配置檔案當中，如下圖所示。

下面我們來測試一下，我們啟動taotao-cart-web工程，taotao-cart-web工程啟動成功後，我們再到商品詳情頁面點選”加入購物車”，可以看到如下圖所示介面，可以看到正常顯示了”成功新增商品到購物車”的頁面。