项目 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
提交失败做本地草稿缓存