作品集 / 家而適 購物系統
家而適 購物系統
電商系統＋模組驅動後台
白話說明讓客人在網路上選商品、下單、選超商取貨，店家在後台處理訂單。
專案概要
以 PHP 開發的購物系統，涵蓋商品與規格、購物車、優惠計算、結帳、金流、物流與電子發票。
後台為模組驅動設計：欄位定義存在資料庫，每種欄位對應一個元件，新增一種資料不用再寫一套新增修改程式。
我負責
- 購物功能面
- 後台商品上架功能
- jQuery 前端互動
- 綠界金流／物流／電子發票串接
技術
功能清單
兩層規格與庫存每個規格組合各自的價格與庫存，庫存為 0 的規格在選擇時反灰。
購物車登入者存資料庫、未登入存工作階段；支援加價購與滿額贈品。
優惠與運費折扣碼五種：折數、折抵金額、免運、任搭 X 件 Y 折、任搭 X 件 Y 元；會員折價券；運費門檻與階梯運費；購物車即時重算。
首頁橫幅與輪播橫幅電腦版與手機版分圖，另有輪播與首頁編輯區。
贈品管理贈品可設庫存、安全庫存與活動起訖日；加價購與折扣活動皆可設定期間。
第三方登入支援 Google、Facebook、LINE 登入。
結帳與訂單建立訂單、扣庫存、寄通知信、五種訂單狀態。
電子發票付款完成後自動開立，支援手機載具與統編。
物流超商取貨：7-11、全家、萊爾富，與宅配；地圖選店、託運單列印。
後台商品上架模組驅動、規格圖拖曳排序、訂單匯出 Excel。
購物與出貨流程
示意畫面
| 訂單編號 | 付款方式 | 狀態 |
|---|---|---|
| 範例訂單 01 | 範例付款 甲 | 已付款 |
| 範例訂單 02 | 範例付款 乙 | 待付款 |
| 範例訂單 03 | 範例付款 甲 | 已出貨 |
| 範例訂單 04 | 範例付款 乙 | 已取消 |
| 範例訂單 05 | 範例付款 甲 | 已付款 |
整合說明
金流綠界 AIO，信用卡、ATM、超商等付款完成後自動更新訂單。
物流綠界物流：超商取貨與宅配。
電子發票綠界發票。
通知信建單與出貨通知。
內部資訊系統會員、訂單與保固資訊整合至家而適 內部資訊系統，統一管理。
付款回呼有防重複處理，避免同一筆訂單重複開立發票。