logologo
Começar
Manual
Desenvolvimento
Plugins
API
Início
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
Começar
Manual
Desenvolvimento
Plugins
API
Início
logologo

Introdução

O que é o FlowEngine?
Relação entre FlowEngine e Plugins
Início Rápido
Roteiro de Aprendizagem

Guia

Registrar FlowModel
Criar FlowModel
Renderizar FlowModel
Fluxo de Eventos e Configuração do FlowModel
Persistência do FlowModel
Ciclo de Vida do FlowModel
Sistema de Contexto do FlowModel
Mecanismo Reativo: Observable
FlowModel vs React.Component
Pontos de Extensão do Plugin RunJS

Definições

ModelDefinition
FlowDefinition
EventDefinition
ActionDefinition
StepDefinition
Next PageO que é o FlowEngine?
Aviso de tradução por IA

Esta documentação foi traduzida automaticamente por IA.

#Começando com FlowModel

#FlowModel Personalizado

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

#Classes Base de FlowModel Disponíveis

Nome da Classe BaseDescrição
BlockModelClasse base para todos os blocos
CollectionBlockModelBloco de coleção, herda de BlockModel
ActionModelClasse base para todas as ações

#Registrando FlowModel

export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // Importação dinâmica: o módulo do modelo só é carregado quando este modelo é realmente necessário pela primeira vez
        loader: () => import('./HelloModel'),
      },
    });
  }
}

#Renderizando FlowModel

<FlowModelRenderer model={model} />