這集教學將帶你實作一個完整的使用者管理介面，我們會使用 React 搭配 Bootstrap 建立乾淨美觀的畫面，整合新增、修改、刪除使用者的功能，並串接後端 API 實際操作資料。
登入後的 token 會從 localStorage 取得並帶入授權標頭中，每次操作都能正確驗證使用者身分。我們也會從後端取得角色清單，讓畫面中的角色欄位顯示中文名稱而不是數字 ID，啟用與否也能透過下拉選單控制，整體操作流程簡單直覺，非常適合需要帳號管理功能的系統使用。
這集還加入了兩個常見的障礙物排除示範，包括「新增的使用者無法登入」（07:22）以及「停用的使用者還可以登入」（09:42），教你如何從後端邏輯、權限設定與流程驗證中逐步找出問題並修正，讓整體系統更完整穩固。
這是本系列的第十集，如果你想從零開始學習如何打造一個完整的前後端整合應用，這集將是非常實用的一環。
00:00 功能說明
00:25 使用者查詢
05:26 使用者新增/修改/刪除
07:22 障礙排除: 新增的使用者無法登入
09:42 障礙排除: 停用的使用者還可以登入
