替貓老闆做管理後台 · 第 04 章

批次操作與危險動作

先確認選了哪些資料、動作會影響什麼,再做變更;可以停用與還原時,不必一開始就永久刪除。

貓老闆的簡報

我要停用兩個舊商品,不是把全部商品和訂單都刪掉。確認視窗要說清楚範圍。

——貓掌櫃官網的老闆「掌櫃」下需求時的原話

這章做什麼

完成只作用於本頁選取商品的批次停用、確認與還原,定義正式系統的失敗回報方式。

動手做

  1. 每列提供明確的選取名稱,全選標示只選本頁可停用項目;已停用商品不再加入同一個停用動作。
  2. 選取為零時停用操作按鈕,有選取才顯示筆數。變更條件或換頁時清除選取,避免隱藏資料被誤處理。
  3. 確認視窗列出實際商品名稱、筆數、影響與還原方式;取消不改資料,確認後才執行。鍵盤焦點需在視窗內,關閉後回到合理位置。
  4. 成功後回報實際完成數,提供還原上次停用。正式後端若有部分失敗,須逐筆指出成功與失敗,不能把整批都寫成完成。
  5. 介面只能預防誤操作,正式批次 API 仍要逐筆檢查權限與可變更狀態。訂單、付款與永久刪除不能共用這個簡化動作。

親手試試

貓掌櫃管理後台 · 操作練習

所有資料均為虛構;變更只留在此頁記憶體,重新整理就重設。這是介面示範,沒有真實登入、訂單或後端。

商品管理

已選 0 筆(僅此頁)
虛構商品清單
名稱與編號狀態操作

可試:搜尋、切換狀態、編輯未儲存就返回、勾選停用與還原。唯讀角色只模擬操作限制;正式權限仍須由後端檢查。

圖 C7-04 選取本頁商品後開啟確認,先取消,再停用與還原;觀察選取及狀態的變化。

這樣對 AI 說

中文就可以
請為商品列表設計只作用於本頁選取的批次停用。未選取時停用按鈕,已停用商品不可重選;篩選、搜尋與換頁清除選取。確認視窗列實際商品名稱、筆數、影響及還原方式,取消不改資料,確認才執行;維持鍵盤焦點與關閉後返回。提供還原上次停用。正式版逐筆檢查授權並處理部分失敗,不能把商品停用擴大成刪訂單或永久刪除。

本章驗收清單

先取消一次,再確認停用並還原,對照每筆狀態。

  • 選取範圍與筆數明確
  • 確認視窗列出實際受影響項目
  • 取消後所有資料保持原狀
  • 停用後可還原先前狀態
  • 確認視窗可用鍵盤操作並正確返回焦點

這章的相關詞條

詞條頁都有可以動的示範——卡住的時候,去把名詞弄清楚,回來繼續做。

官方參考資料

進度只存在這台瀏覽器,不上傳、不追蹤。