logologo
Start
Handbuch
Entwicklung
Plugins
API
Startseite
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
Start
Handbuch
Entwicklung
Plugins
API
Startseite
logologo

Einführung

Was ist FlowEngine?
FlowEngine & Plugins
Schnellstart
Lernpfad

Leitfaden

FlowModel registrieren
FlowModel erstellen
FlowModel rendern
FlowModel: Event-Flow & Konfiguration
FlowModel-Persistenz
FlowModel-Lebenszyklus
FlowModel-Kontextsystem
Reaktivität: Observable
FlowModel vs. React.Component
RunJS-Plugin-Erweiterungspunkte

Definitionen

ModelDefinition
FlowDefinition
EventDefinition
ActionDefinition
StepDefinition
Next PageWas ist FlowEngine?
KI-Übersetzungshinweis

Diese Dokumentation wurde automatisch von KI übersetzt.

#Einstieg in FlowModel

#Benutzerdefiniertes FlowModel

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

#Verfügbare FlowModel-Basisklassen

BasisklassennameBeschreibung
BlockModelBasisklasse für alle Blöcke
CollectionBlockModelSammlungsblock, erbt von BlockModel
ActionModelBasisklasse für alle Aktionen

#FlowModel registrieren

export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // Dynamischer Import: Das Modellmodul wird erst geladen, wenn dieses Modell zum ersten Mal wirklich benötigt wird
        loader: () => import('./HelloModel'),
      },
    });
  }
}

#FlowModel rendern

<FlowModelRenderer model={model} />