表單到收款：做出能接單的網站 · 第 07 章
讓客人知道現在該做什麼
處理中、等待付款、付款錯誤、付款已確認都要有清楚的下一步；會員查詢和管理者清單則讀取同一份後端資料。
貓老闆的簡報
客人問付了沒，不要叫他猜。畫面說得清楚，我才不用整天盯著客服信箱。
——貓掌櫃官網的老闆「掌櫃」下需求時的原話
這章做什麼
完成訂單結果頁、會員訂單查詢與管理者訂單清單，補上錯誤與確認中的回饋。
動手做
- 建立訂單結果頁，顯示訂單編號、狀態、商品數量與總額；收件資料僅提供登入後有權限的人查看。
- 付款仍在確認中時，提供重新查詢；短暫自動查詢要有間隔與停止條件，超時後顯示可稍後再查並提供聯絡方式。
- 付款錯誤允許重試同一張等待付款的訂單；若有仍在處理的付款，先查明結果，避免重複扣款。已付款訂單不顯示再次付款按鈕。
- 管理者清單以同一份後端狀態為準。通知信只顯示必要資訊，不附完整收件個資；寄信錯誤不應把已付款改成未付款。
親手試試
模擬：正在確認付款結果。請稍候再查詢，同一筆付款先不要重試。
模擬：已確認本次付款錯誤，訂單仍等待付款。可重新選擇付款方式。
模擬：款項已確認，訂單 DEMO-001 將進入處理流程。不需要再次付款。
示範只切換文案，不會查詢真實交易或寄送通知。
這樣對 AI 說
中文就可以
請完成訂單結果頁、會員訂單查詢與管理者清單，全部從後端查詢並檢查權限。依等待付款、付款確認中、付款錯誤、已付款、已取消顯示清楚的文字和下一步，訂單狀態與付款嘗試分開記錄。查詢超時後可稍後再查；重試付款前確認前一次狀態，避免重複扣款。已付款不顯示再次付款。通知信只包含必要資訊，寄信錯誤記錄待重試，不能推翻已確認付款。用虛構資料示範，請說明每個按鈕實際會做什麼。
本章驗收清單
先只讀畫面文字，看看自己是否知道下一步能做什麼。
- 確認中與錯誤有不同的文字和處理方式
- 會員與管理者看到相同的付款結果
- 重新整理不會新建付款或訂單
- 寄信錯誤不會變更付款結果
這章的相關詞條
詞條頁都有可以動的示範——卡住的時候，去把名詞弄清楚，回來繼續做。
進度只存在這台瀏覽器，不上傳、不追蹤。