組合器
左邊切產業、選場景, 右邊即時預覽組合後的應用。URL 本身就是組合定義, 可分享 / 書籤。
資料表格 · data-table
商品表單檢視
Filter·Sort·Group
| ID | 商品 | 狀態 | SKU | 售價 | 分類 | 金額 |
|---|---|---|---|---|---|---|
| sku-A01 | 日系寬版亞麻襯衫 米白 / M / 現貨 24 | 上架中 | 選品組 | 服飾 | — | NT$ 1,480 |
| sku-A02 | 復古金框圓眼鏡 霧金 / 標準 / 現貨 8 | 低庫存 | 選品組 | 配件 | — | NT$ 990 |
| sku-A03 | 小牛皮極簡托特包 焦糖 / L / 預購 | 草稿 | 設計 | 包袋 | — | NT$ 3,680 |
| sku-A04 | 義大利小牛皮樂福鞋 黑 / 41 / 現貨 0 | 已售完 | 採購 | 鞋款 | — | NT$ 4,280 |
| sku-A05 | 日本製帆布後背包 墨綠 / 標準 / 現貨 16 | 上架中 | 選品組 | 包袋 | — | NT$ 2,180 |
| sku-A06 | 仿舊直筒牛仔褲 深藍 / 30 / 現貨 3 | 低庫存 | 選品組 | 服飾 | — | NT$ 1,680 |
多步驟表單 · form-wizard
建立商品
步驟 2 / 3
選擇買家填寫商品資訊確認與送出
日系寬版亞麻襯衫
NT$ ____________
Schema 變更 · schema-diff
Schema Diff · v2.3 → v2.4
商品_tx table · 4 個變更
- +customer_segment : varchar(32)
- +tax_exempt_flag : boolean
- ~amount : decimal(10,2) → decimal(14,2)
- -legacy_customer_code : varchar(16)
自動化流程 · workflow-builder
自動化工作流
新 商品 自動分派
已啟用 · 過去 7 天觸發 42 次 · 成功率 100%
▶
Trigger當 商品 建立時
監聽 商品庫 新增事件
↓
∇
Filter僅當 今日 GMV > 閾值
過濾: 128,400 NT$
↓
✉
Action通知 選品組
發送 Slack / Email
↓
↻
Action更新 訂單履行 狀態
移至下一階段
版本 v3 · 最後修改: 選品組 · 2 小時前測試執行匯出 JSON
成績冊 · gradebook
國中英文進階文法 A 班 · 成績冊
4 名學生 · 5 次評量
| 學生 | 小考 1 | 小考 2 | 期中 | 小考 3 | 期末 | 平均 |
|---|---|---|---|---|---|---|
| 王小明 | 88 | 92 | 85 | 90 | 94 | 89.8 |
| 李佳欣 | 76 | 82 | 78 | 85 | 80 | 80.2 |
| 陳大衛 | 95 | 91 | 96 | 88 | 98 | 93.6 |
| 張美玲 | 68 | 72 | 65 | 75 | 70 | 70.0 |