{%hackmd @themes/orangeheart %} # **購物車與訂單建立** ## 購物車 ![](https://i.imgur.com/rTKXwHT.png) ### <font color="3E54AC"> **使用到的技術** :computer: PayPal金流串接 </font> ### 購物清單 >這個區塊可以查看目前用戶的購物清單,並且可以修改購買數量(最小=1,最大=商品庫存),也可以透過<font color="#f00">取消</font>直接刪除該商品。 >透過<font color="#f00">前往結賬</font>按鈕前往下個步驟,<font color="#f00">訂單確認與送出</font>。 ### 訂單確認與送出 ![](https://i.imgur.com/6jz89eU.png) >這個區塊是確認訂單資料與輸入收件人訊息,收件人的性名與電話預設帶入目前登入的用戶資料,收件地址可以選擇預先設定好的資料(可以透過顧客中心進行新增與修改,每個用戶可以設定五組),或是重新輸入。 >確認資料無誤,便能點擊<font color="B4E4FF">PayPal</font>進行第三方支付。 ### PayPal ![](https://i.imgur.com/GmapFJv.png) >將訂單資料傳送給PayPal就能進行付款 ![](https://i.imgur.com/Iavod8t.png) >支付完成會將頁面導向訂單詳情,並且清空購物車與減少商品庫存 ###### tags: `java`