專案 8 階段實戰路徑
Phase 1 · 需求澄清
業務流程圖 + 角色 + 資料項 + 關鍵報表；明確 MVP 範圍，砍掉一切非必要功能。
Phase 2 · 資料建模
主資料 / 事務資料 / 關聯欄位；定義唯一鍵、索引、主外來鍵；避免寬表反模式。
Phase 3 · 頁面搭建
首頁看板 / 列表 / 表單 / 詳情四件套；移動端優先佈局；統一設計令牌。
Phase 4 · 流程引擎
多級審批 + 條件分支 + 並行節點 + 子流程；動態審批人透過 JS 計算。
Phase 5 · 整合對接
企業微信 / 小程式 / ERP / CRM / BI 聯結器；接入 KMS 金鑰管理。
Phase 6 · 效能最佳化
分頁 + 索引 + 懶載入；CDN；減少首頁元件；複雜聚合走 BI。
Phase 7 · 灰度釋出
5-10% → 30% → 100%；監控錯誤率、P95 延遲；隨時一鍵回滾。
Phase 8 · 覆盤迭代
NPS + 日活 + 功能命中率 + 效能指標；每雙週迭代一次。
6 大進階主題
🧩 複雜表單與動態聯動
欄位可見性 / 必填 / 選項 / 預設值隨其他欄位或角色動態切換。
🔄 流程引擎進階
並行 / 互斥 / 子流程 / 加簽 / 撤回 / 催辦 / 超時自動流轉。
📊 聚合表與看板
彙總、交叉、同環比；多圖表聯動鑽取；BI 嵌入高階視覺化。
🔌 企業系統整合
ERP / CRM / HR / 電子籤；實時同步 vs 非同步對賬；防重與冪等。
⚡ 效能與大資料量
分頁、索引、快取、CDN、預聚合、冷熱分離；超量下沉至 BI。
🤖 AI 能力融合
混元大模型接入：對話式資料查詢、智慧填單、工單分類、生成文案。
效能最佳化 Checklist
📄 頁面渲染
首頁元件數 < 40 個
圖表數 < 6 個，複雜圖表走 BI 嵌入
圖片壓縮至 WebP < 100KB
懶載入非首屏元件
🗄️ 資料查詢
預設分頁 20 / 50 條，非全量
高頻查詢欄位加索引
避免列表頁內迴圈查詢（批查代替）
超 100 萬行走 TDSQL-C / MongoDB
🌐 網路與資源
靜態資源走 COS + CDN
介面啟用 gzip / brotli
關鍵介面開啟限流熔斷
減少首屏 HTTP 請求數 < 20
📱 移動端
先移動後 PC，關鍵路徑 2 步內可達
觸控元素最小 44×44 px
弱網首屏可見時間 < 3s
提交失敗做本地草稿快取