我們訪問淘淘商城首頁（前提是啟動了所有的服務及工程，雖然有個別工程用不上，不過也沒關係），在搜尋框中輸入要搜尋的商品，我以前新增過"金立M2017"這款手機，我就搜尋它。

         搜尋到的結果頁面如下圖所示。

          我們再點選這款手機，檢視詳情，如下圖所示。

         如果我們這時點選上圖的"加入購物車"，如下圖所示，可以看到地址並不正確，而且請求資訊中沒有商品數量資訊，因此我們需要對原有商品詳情頁面購物車這一塊進行改造。

          我們找到taotao-item-web工程下的item.jsp檔案，搜尋"購物車"，便可以搜尋到如下圖所示內容。

        為了在請求url中帶上商品數量引數，我們定義一個函式addCart，如下圖所示。

          程式碼如下：

function addCart(){
		//加入購物車前先取商品數量
		var num = $("#buy-num").val();
		//拼裝url引數，做跳轉
		location.href="http://localhost:8089/cart/add/${item.id}.html?num="+num;
	}

        寫好了addCart函式，我們回到關於購物車程式碼那塊，將原來href裡面的內容改為href="javascript:addCart()"，如下圖所示。

         修改完之後，我們來重新整理商品詳情頁面，然後點選加入購物車，這時我們可以看到跳轉後的位址列中地址是：http://localhost:8089/cart/add/149365509502985.html?num=1，連結地址已經指向我們的購物車工程了，而且帶上了商品數量引數，不過此時由於還沒有實現購物車，因此頁面顯示"無法訪問此網站"。如下圖所示。

       我們再到商品詳情頁面，將商品數量新增到3，然後點選"新增購物車"，如下圖所示。

         這時跳轉後位址列中的地址是http://localhost:8089/cart/add/149365509502985.html?num=3，可以看到只是後面的num的值變成了3，這說明我們改造好了。