Skip to content
全部階段依各階段有效範圍顯示
全階段總覽

本頁範圍:P2 起

A-34 Curriculum Cover Management ​

管理員端課程管理設計規格P2 起
尚無原型配圖完整規格見下方正文。
畫面用途

教材封面的中央圖庫:管理員上傳並定義每本教材封面所屬的 Category(課程分類)與 Level(等級),直接決定 T-07 老師下拉選單的內容,也是家長在 G-04 看到的封面。

閱讀完整規格 ↓
變化時間線
  1. P2新增 +1移除 −0

第一版式樣草案 · Markdown 來源:04-App畫面-管理員.mdGitHub 版本尚未推送;目前以本機手冊為準

原型待補: 尚無對應的 QL APP Frame,只保留文字規格;不以舊圖或生成圖替代。設計師補畫後,以只讀方式取圖並更新本節。 介面提供 English/繁體中文,下列線框為繁中版。Category 與 Level 在正式課程表確認前使用示例。

Admin / Web

🎯 功能定位 ​

教材封面的中央圖庫:管理員上傳並定義每本教材封面所屬的 Category(課程分類)與 Level(等級),直接決定 T-07 老師下拉選單的內容,也是家長在 G-04 看到的封面。

🧱 畫面結構 ​

text
+------------------------------------------------------------------------------------+
| [N] Nihao Admin   Dashboard > Course Management > Cover Config            [👤 Admin] |
+------------------------------------------------------------------------------------+
| Sidebar        | [🔍 搜尋圖片名稱... ]  [體系: 全部 ▾]  [等級: 全部 ▾]     [+ 上傳新封面] | (1)
|                |                                                                   |
| [📊] Dashboard | [🖼️ 教材封面資源庫]                                                 |
| [👥] Users     | +--------------------------------------------------------------+ |
| [🏫] Classes   | | 預覽圖 | 圖片名稱       | Category | Level | 上傳日期   | 操作   | | (2)
| [📚] Courses   | |-------|---------------|----------|-------|------------|--------| |
| [⚙️] Rules     | | [IMG] | Cover_L3.jpg| NH       | L3    | 2026-01-10 | [E] [D]| |
| [📱] Version   | | [IMG] | Cover_L1_v2.png| EK       | L1    | 2026-02-15 | [E] [D]| |
| [🛠️] Monitor   | | [IMG] | Cover_L5.jpg| ES       | L5    | 2026-03-01 | [E] [D]| |
| [📈] Analytics | +--------------------------------------------------------------+ |
|                |                                                                  |
|                |  Legend: [E] 編輯 (Edit)   [D] 刪除 (Delete)                       |
+------------------------------------------------------------------------------------+

🪟 彈窗:上傳/編輯封面 ​

text
+------------------------------------------------------------+
| [🖼️ 配置教材封面]                                       [X] |
+------------------------------------------------------------+
|                                                            |
| 1. 上傳圖片檔案 (建議比例 3:4, Max 2MB)                       |
| +--------------------------------------------------------+ |
| |                                                        | |
| |         [ 📁 點擊或拖拽圖片至此處上傳 ]                   | |
| |              (支援 JPG, PNG, WEBP)                     | |
| |                                                        | |
| +--------------------------------------------------------+ |
|                                                            |
| 2. 關聯屬性設定                                             |
| 圖片名稱: [ Cover_L3_New        ] (自動抓取檔名,可改)  |
|                                                            |
| 對應 Category: [ 分類 A(示例) ▾ ] (必填)                   |
|                                                            |
| 對應 Level:    [ Level 3 ▾ ]       (必填)                   |
|                                                            |
+------------------------------------------------------------+
|                                        [取消] [💾 儲存配置] |
+------------------------------------------------------------+

📋 欄位與交互詳細定義 ​

項目規則
上傳上傳圖片後必須選擇所屬的 Category 與 Level;建議比例 3:4,最大 2MB,支援 JPG、PNG、WEBP
編輯可修改圖片關聯的分類或等級(例如把誤傳的圖片改到正確的等級)
刪除保護正在被班級使用的封面不能刪除,需先為使用中的班級改選其他封面;沒有使用的封面才可刪除。已刪除的封面,過往聯絡簿顯示預設圖
篩選依分類與等級過濾,方便檢查每個等級是否都已配置封面
對 T-07 的影響老師選擇某班(例如 Level 3)時,封面下拉優先顯示相同分類與等級的圖片
對 G-04 的影響家長看到的封面即是這裡上傳的圖片

⚙️ 狀態管理 ​

  1. 資料來源: Category 與 Level 沿用 A-30 的課程資料;正式課程表確認前,畫面使用示例資料。
  2. 權限: 管理員依管轄範圍維護;教師端只能選取、不能上傳。

🔁 交互流程圖 ​

流程圖

正在載入流程圖…

🔎 邏輯自我檢查 ​

  • 封面被刪除會怎樣? 使用中的封面不能刪除,所以不會出現已發布聯絡簿找不到封面的情況。

提交版本內容版本 c096dd1f提交 7e9453e規格文件,功能實現狀態另行確認