A-30 Course Management
內容依原始規格呈現 · 查看 Markdown 來源 ↗需具備倉庫查看權限
🎯 核心說明:動態內容引擎
使用者: Admin (新增/查詢) / Super Admin (修改/刪除)
系統採層級式管理:Category (大類) > Level (等級) > Session (單元) > Vocabulary (單字/句子)。
- 架構層 (Cat/Lvl/Ses): 支援畫面上直接 CRUD 與批量導入。
- 內容層 (Vocab): 畫面僅限查詢與刪除,新增與修改必須透過批量導入以確保數據一致性。
🧱 畫面結構
| 區域 | 說明 |
|---|---|
| Header | Nihao Admin Dashboard > Course Management, [👤] |
| Sidebar | 含 [⤒ Bulk Import Structure], [⤒ Bulk Import Vocabulary] 按鈕 |
| Category Tabs | [EK], [ES], [NH] 三個分類 Tab,每個含 [✎] [🗑️] 按鈕 |
| Level Table | Level Code, Level Name, Sessions, Status, Actions [🔧] [👁️] [✎] [🗑️] |
🔐 權限與操作矩陣 (Permission Matrix)
| 項目 | 查詢 (R) | 新增 (C) | 修改 (U) | 刪除 (D) | 批量導入 |
|---|---|---|---|---|---|
| Category | Super / Admin | Super / Admin | Super | Super | 支援 |
| Level | Super / Admin | Super / Admin | Super | Super | 支援 |
| Session | Super / Admin | Super / Admin | Super | Super | 支援 |
| Vocabulary | Super / Admin | 不可直接新增 | 不可直接修改 | Super / Admin | 唯一途徑 |
※ 不可操作的部分不可見
📦 區塊說明
| # | 區塊 | 元件 | 行為/交互 | 備註 |
|---|---|---|---|---|
| 1 | Bulk Import Entry | [⤒ Bulk Import Structure] / [⤒ Bulk Import Vocabulary] | 跳轉至 A-33-O | Sidebar 頂部按鈕 |
| 2 | Category Tabs | Tab Buttons + [✎] [🗑️] | 切換 Category,編輯/刪除 | Super Only for Edit/Delete |
| 3 | Level Table | Data Table | 顯示該 Category 下的所有 Level | Sessions Count, Status, Actions |
| 4 | [🔧] Manage Sessions | Button | 進入 A-31 Session 管理 | 所有 Admin |
| 5 | [👁️] View Vocab | Button | 進入 A-32 Vocabulary 查詢 | 所有 Admin |
| 6 | [✎] Edit Name | Button | 修改 Level 名稱 | Super Admin Only |
| 7 | [🗑️] Delete | Button | 階梯式確認刪除 | Super Admin Only |
⚠️ 刪除確認邏輯 (Delete Guard)
為了防止災難性操作,Super Admin 執行刪除時,系統會觸發 「階梯式確認彈窗」:
- 初次提醒: 「您正在刪除 [Level Code]。此操作將同時刪除所屬的 N 個 Sessions 以及 N 個單字內容。」
- 二次確認: 系統要求用戶手動輸入該 Level 的 Code 或是單字 DELETE,按鈕才會解鎖。
- 衝突檢查: 若有班級正在使用該 Level,則禁止刪除,並引導至 A-20 處理。
🔁 交互流程圖
正在載入流程圖…
🔎 邏輯自我檢查
- 層級結構: Web 端 Category 作為 Tab,Level 作為 Table Row,Session 與 Vocabulary 作為下鑽頁面,層級邏輯清晰。
- 權限隔離: 已嚴格區分「新增(Admin 可做)」與「修刪(僅 Super 可做)」。
- 操作流向: Vocabulary 的「不可線上新增/修改」透過 UI 提示引導至「批量導入」,減少單點出錯。