作品集 / 家而適 保固系統
家而適 保固系統
消費者保固前台＋API 串接
白話說明客人在網路上登記商品保固、查詢保固狀態。
專案概要
以 PHP 開發的消費者保固前台：以六個步驟完成保固登錄，並可查詢保固動態、維護會員資料。
會員、保固、客服與出貨資料由家而適 內部資訊系統統一管理，前台以 API 串接。
我負責
- 前台登錄流程
- jQuery 前端互動
- 與內部資訊系統的 API 串接
技術
功能清單
六步驟保固登錄步驟間資料暫存於瀏覽器，上一步下一步不遺失。
保固查詢以登錄時的聯絡資料查詢已申請的保固動態。
會員資料維護會員可自行查看並修改個人資料。
多種登入方式帳號密碼、Google、LINE。
發票或訂單號即時查重輸入購買證明編號時即時檢查是否重複登錄。
條碼查商品與動態新增商品列輸入條碼帶出商品，可動態增加產品登錄欄位。
製造日期證明圖上傳支援預覽、上傳進度與刪除。
表單驗證與即時提示欄位逐項驗證，錯誤即時提示。
保固處理流程說明頁以流程圖示說明聯絡客服、填寫購買證明表、寄回商品、客服審核。
六步驟保固登錄流程
示意畫面
| 商品 | 購買日期 | 保固期限 | 狀態 |
|---|---|---|---|
| 範例商品 甲 | 2026-01-01 | 2027-01-01 | 保固中 |
| 範例商品 乙 | 2026-01-01 | 2027-01-01 | 處理中 |
| 範例商品 丙 | 2025-01-01 | 2026-01-01 | 已過期 |
| 範例商品 丁 | 2026-01-01 | 2027-01-01 | 保固中 |
| 範例商品 戊 | 2025-01-01 | 2026-01-01 | 已過期 |
整合說明
內部資訊系統保固登錄與查詢、會員資料皆透過 API 與內部資訊系統交換；保固日期計算、客服處理與出貨由內部資訊系統負責。
第三方登入Google、LINE。
前台與內部資訊系統分層，前台只負責使用者填單與查詢。