低代码设计器
Grow Admin 在 DesignRock 中提供一套可组合的低代码工具链:从 物理建模 到 分析准备 / 数据清洗,再到 页面 / 报表展示;另有独立的 流程引擎 做业务流转编排。代码沙箱 作为共享能力,被各设计器内嵌(事件脚本、公式、变量绑定等)。
演示入口由 @grow-admin-cornerstone/apps-designer(设计器菜单)与 @grow-admin-cornerstone/apps-sandbox(沙箱菜单)注册;宿主 sample 经 IOC 装配后,登录即可在侧栏打开。
工具链关系
text
数据库建模 (schema-designer)
→ DatabaseSchema(表 / 字段 / 关联 / SQL 配置)
↓ 已发布元数据(Mock:/data-prep/schemas)
├─→ 数据准备 (data-prep)
│ → DataPrepDataset(选表、Join、公式度量、输出字段)
│ ↓ 查询结果(Mock:POST /data-prep/query)写入页面 state
│
└─→ 数据清洗 (data-clean) (亦可引用 Dataset 原始表 / 输出)
→ CleanFlow(声明式 ETL:源 → 算子 → 输出;调用时执行)
↓ 后续对接报表数据集 / 页面数据源 / API
页面设计器 (designer) → DesignerSchema + GrowRenderer
报表设计器 (report-designer) → ReportSchema + GrowReportRenderer
↑ 当前演示主路径仍是「数据准备查询 → state」;清洗流消费者绑定规划中
流程引擎 (process-engine) (业务流转,与数据管道并行)
→ ProcessFlow(人工 / 事件 / 系统 / 状态 / 决策 / 分支;设计期)
↓ 运行时执行与 formKey ↔ 页面对接规划中
代码沙箱 (code-sandbox)
→ 被上述设计器内嵌;亦可独立演示(apps-sandbox)| 模块 | 包名 | 产物 | 文档 |
|---|---|---|---|
| 数据库建模 | @grow-admin-rock/schema-designer | DatabaseSchema | 表结构与关系 |
| 数据准备 | @grow-admin-rock/data-prep | DataPrepDataset | Join + 公式度量 |
| 数据清洗 | @grow-admin-rock/data-clean | CleanFlow | 声明式清洗流编排 + 本地管道预览 |
| 流程引擎 | @grow-admin-rock/process-engine | ProcessFlow | 业务流转设计期编排 |
| 页面设计器 | @grow-admin-rock/designer | DesignerSchema | 拖拽页面 |
| 报表设计器 | @grow-admin-rock/report-designer | ReportSchema | 图表看板 |
| 代码沙箱 | @grow-admin-rock/code-sandbox | SFC / 表达式编辑 | Monaco + 预览 |
推荐阅读
TIP
若只想先跑通示例:登录 Demo → 侧栏 设计器 / 沙箱 打开对应 playground。
Grow Admin