工會課程預約與管理系統｜架構總覽

工會課程預約與管理系統｜架構總覽 An architecture diagram generated by Archify. 工會會員 · 課程預約與查詢 · Architecture component 工會會員 課程預約與查詢 行政人員 · 課程、名冊、點名與匯出 · Architecture component 行政人員 課程、名冊、點名與匯出 課程管理 Web App · Next.js 16 · React 19 · Architecture component · 會員前台＋行政後台 課程管理 Web App Next.js 16 · React 19 會員前台＋行政後台 應用程式操作 · Server Actions · 管理流程 · Architecture component 應用程式操作 Server Actions · 管理流程 資料存取層 · 依設定選擇資料來源 · Architecture component · booking repository 資料存取層 依設定選擇資料來源 booking repository Firebase / Firestore · 課程、場次、學員與出席資料 · Architecture component · 開發／測試依賴；正式移轉 deferred Firebase / Firestore 課程、場次、學員與出席資料 開發／測試依賴；正式移轉 deferred 本機 JSON 備援 · data/booking-data.json · Architecture component · 讀取備援 本機 JSON 備援 data/booking-data.json 讀取備援 多分頁 XLSX 匯出 · /admin/exports · Architecture component 多分頁 XLSX 匯出 /admin/exports Google Sheets · 人工檢查或備份 · Architecture component · 行政人員手動上傳 Google Sheets 人工檢查或備份 行政人員手動上傳 瀏覽課程、預約／查詢／取消 課程行政、名冊與點名 表單與管理操作 讀取與更新資料 設定使用 Firestore 時 Firestore 初始化／讀取失敗時備援 行政資料匯出 下載 XLSX 後手動上傳 Legend Frontend Backend Database External

會員端

  • • 查看課程與名額
  • • 送出預約，查詢或取消報名

行政端

  • • 課程／場次管理，學員 Excel 批次匯入
  • • 單堂點名、遲到／請假紀錄與 TTQS 日誌
  • • 多分頁 XLSX 匯出後，手動上傳 Google Sheets。

資料與備援

  • • Firestore 是設定為正式資料來源的目標；Firebase 目前仍屬個人帳號開發／測試依賴。
  • • JSON fallback 用於讀取失敗時維持頁面可用，不代表寫入故障也會轉存 JSON。