加入購物車功能的基本實現是這樣的：

使用者點選“加入購物車” ， 小程式將該商品資訊傳送到伺服器記錄下來，

同時頁面上“加入購物車”的按鈕變成一個輸入框，使用者可以增加/減少商品數量，

當用戶點“購物車” Tabbar時，切換到shoppingcart/shoppingcart.wxml頁面，

此頁面顯示購物車中的商品列表，頁面效果如下 ：

接下來我們就來編碼完成加入購物車的功能。

先在index.wxml中加入如下的程式碼 ，見紅色部分：

 1 <view class="detail1">
 2     <text>{{index}} {{item.productName}}</text>
 3
 
     <text>{{item.price}}</text>
 4     <text>{{item.originalPrice}}</text>
 5     
 6     <view class="qtyinfo1" wx:if="{{item.inShoppingCart==0}}">
 7       <button class="button1" bindtap="addToShoppingCart">加入購物車</button>
 8     </view>
 9     <view class="qtyinfo1" wx:else>
10       <text class="minus1" bindtap="tapMinus">-</text>
11       <input class="qty1" type="text" value="1" />
12       <text class="plus1" bindtap="tapPlus">+</text>      
13     </view>
 

14 
15   </view>