Skip to content
On this page

低代码设计器

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-designerDatabaseSchema表结构与关系
数据准备@grow-admin-rock/data-prepDataPrepDatasetJoin + 公式度量
数据清洗@grow-admin-rock/data-cleanCleanFlow声明式清洗流编排 + 本地管道预览
流程引擎@grow-admin-rock/process-engineProcessFlow业务流转设计期编排
页面设计器@grow-admin-rock/designerDesignerSchema拖拽页面
报表设计器@grow-admin-rock/report-designerReportSchema图表看板
代码沙箱@grow-admin-rock/code-sandboxSFC / 表达式编辑Monaco + 预览

推荐阅读

  1. 协同工作 — 模块如何靠产物与 state 衔接
  2. 演示与接入 — 菜单对照、宿主装配、界面操作要点
  3. 再进入各设计器「概述 / 基础用法」专章

TIP

若只想先跑通示例:登录 Demo → 侧栏 设计器 / 沙箱 打开对应 playground。