---
# System prepended metadata

title: '**購物車與訂單建立**'
tags: [java]

---

{%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` 