實作課程 · Manage Your Website Content

讓網站內容自己更新

替貓掌櫃加入文章與商品介紹後台,從欄位規劃、編輯權限、圖片上傳做到發布與還原。讓管理者更新內容時,不必每次改程式碼。

4 章·一個案例帶到底·每章都有驗收清單·進度存在你的瀏覽器

練習專案

貓掌櫃官網

有權限保護的內容後台,以及草稿、發布、圖片管理與還原操作紀錄。
  • 先完成官網,建議先讀《替貓老闆做管理後台》,再理解後端與資料庫;需要能執行後端的測試環境,並使用虛構內容和測試帳號。
  • 沿用現有登入與內容工具;如果沒有,先選成熟的 CMS 或登入方案,確認官方文件與需求,再實作最少的功能。
  • 站內互動是明確標示的教學示範,不會連到你的專案、改動真實設定或上傳資料。每章請在自己的練習專案操作,依驗收清單留下結果。
先決定哪些內容需要常改把文章與商品的可編輯欄位定清楚,固定的版面結構仍由程式負責。未開始後台要確認誰能改什麼登入、編輯與發布是不同能力,每次後端請求都要檢查。未開始編輯與上傳都要有明確限制表單檢查放在前後端,圖片上傳驗證內容與大小,文章顯示避免任意程式碼。未開始發布前預覽,改錯時找得回來保留內容版本、預覽與發布紀錄,並確認還原包含資料與圖片。未開始