Back to Nocobase

FlowModel 核心概念

docs/docs/cn/flow-engine/flow-model.md

2.0.56850 B
Original Source

从 FlowModel 开始

自定义 FlowModel

tsx
class HelloModel extends FlowModel {
  render() {
    return (
      <div>
        <h1>Hello, NocoBase!</h1>
        <p>This is a simple block rendered by HelloModel.</p>
      </div>
    );
  }
}

可用的 FlowModel 基类

基类名称说明
BlockModel所有区块的基类
CollectionBlockModel数据表区块,继承自 BlockModel
ActionModel所有操作的基类

注册 FlowModel

ts
export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModels({ HelloModel });
  }
}

渲染 FlowModel

tsx
<FlowModelRenderer model={model} />