實作課程 · Design an Admin Interface
替貓老闆做管理後台
延續貓掌櫃案例,用五章設計商品、訂單與文章管理的操作方式:先安排後台選單,再做列表、編輯、批次操作與待辦總覽。每章都有可操作的模擬後台,完成後可接著讀內容管理課程,把介面連到資料與權限。
練習專案
貓掌櫃官網
設計商品、訂單與文章管理,讓日常操作找得到也不容易改錯- 建議先完成官網,並會用 Git 留存版本。本課先用虛構資料做介面原型,不需要先申請外部服務。
- 商品管理練習名稱與顯示狀態;訂單區顯示待處理訂單;文章區區分草稿與已發布。交易價格、付款及出貨另有流程。
- 每章的站內後台都能操作,資料只留在當前頁面的記憶體,重新整理即重設;不會連到真實帳號、訂單或資料庫。
- 唯讀角色和儲存失敗都是教學模擬。正式系統仍須在後端檢查權限、驗證輸入並儲存資料;完成後可接著讀《讓網站內容自己更新》。