組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'education-portal',
name: '學生學習入口',
industry: 'education',
scenarios: [
'login-auth',
'booking-calendar',
'notification-feed',
],
description: '學生登入 + 課表 + 作業提醒',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('education');
const login_auth = getScenario('login-auth')!.render(ctx);
const booking_calendar = getScenario('booking-calendar')!.render(ctx);
const notification_feed = getScenario('notification-feed')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。登入驗證 · login-auth
補
補習教育
學生 / 員工登入
歡迎回來
登入以查看您的課程中心
或
you@company.com
沒有帳號? 註冊新學生帳號
時段預約 · booking-calendar
課表排程
2026/04/14 · 星期二
09:00
10:00
程式設計啟蒙 (Python)
週六 10:00
已報名
11:00
12:00
13:00
14:00
兒童美語會話 B班
週六 14:00
結業
15:00
16:00
17:00
18:00
高中數學解題班
週一 18:30
上課中
通知中心 · notification-feed
通知中心
全部 · 6未讀 · 2提及
今天
- +課程 c-101 已建立國中英文進階文法 A班12 分鐘前
- ↻課程 c-102 狀態變更高中數學解題班2 小時前
- ✓課程 c-103 已完成程式設計啟蒙 (Python)剛剛
昨天
- @黃老師 提到了你大學學測物理衝刺昨天 17:30
- !李老師 提到了你兒童美語會話 B班昨天 18:35
- #吳老師 提到了你多益衝刺班昨天 19:40