替貓老闆做管理後台 · 第 04 章
批次操作與危險動作
先確認選了哪些資料、動作會影響什麼,再做變更;可以停用與還原時,不必一開始就永久刪除。
貓老闆的簡報
我要停用兩個舊商品,不是把全部商品和訂單都刪掉。確認視窗要說清楚範圍。
——貓掌櫃官網的老闆「掌櫃」下需求時的原話
這章做什麼
完成只作用於本頁選取商品的批次停用、確認與還原,定義正式系統的失敗回報方式。
動手做
- 每列提供明確的選取名稱,全選標示只選本頁可停用項目;已停用商品不再加入同一個停用動作。
- 選取為零時停用操作按鈕,有選取才顯示筆數。變更條件或換頁時清除選取,避免隱藏資料被誤處理。
- 確認視窗列出實際商品名稱、筆數、影響與還原方式;取消不改資料,確認後才執行。鍵盤焦點需在視窗內,關閉後回到合理位置。
- 成功後回報實際完成數,提供還原上次停用。正式後端若有部分失敗,須逐筆指出成功與失敗,不能把整批都寫成完成。
- 介面只能預防誤操作,正式批次 API 仍要逐筆檢查權限與可變更狀態。訂單、付款與永久刪除不能共用這個簡化動作。
親手試試
貓掌櫃管理後台 · 操作練習
所有資料均為虛構;變更只留在此頁記憶體,重新整理就重設。這是介面示範,沒有真實登入、訂單或後端。
商品管理
已選 0 筆(僅此頁)
| 名稱與編號 | 狀態 | 操作 |
|---|
找不到符合條件的資料,請清除搜尋或調整篩選。
編輯商品介紹
可試:搜尋、切換狀態、編輯未儲存就返回、勾選停用與還原。唯讀角色只模擬操作限制;正式權限仍須由後端檢查。
這樣對 AI 說
中文就可以
請為商品列表設計只作用於本頁選取的批次停用。未選取時停用按鈕,已停用商品不可重選;篩選、搜尋與換頁清除選取。確認視窗列實際商品名稱、筆數、影響及還原方式,取消不改資料,確認才執行;維持鍵盤焦點與關閉後返回。提供還原上次停用。正式版逐筆檢查授權並處理部分失敗,不能把商品停用擴大成刪訂單或永久刪除。
本章驗收清單
先取消一次,再確認停用並還原,對照每筆狀態。
- 選取範圍與筆數明確
- 確認視窗列出實際受影響項目
- 取消後所有資料保持原狀
- 停用後可還原先前狀態
- 確認視窗可用鍵盤操作並正確返回焦點
這章的相關詞條
詞條頁都有可以動的示範——卡住的時候,去把名詞弄清楚,回來繼續做。
官方參考資料
進度只存在這台瀏覽器,不上傳、不追蹤。