logologo
Inizio
Guida
Sviluppo
Plugin
API
English
简体中文
日本語
한국어
Deutsch
Français
Español
Português
Русский
Italiano
Türkçe
Українська
Tiếng Việt
Bahasa Indonesia
ไทย
Polski
Nederlands
Čeština
العربية
עברית
हिन्दी
Svenska
Inizio
Guida
Sviluppo
Plugin
API
logologo

Introduzione

Cos'è FlowEngine?
Relazione tra FlowEngine e Plugin
Avvio Rapido
Percorso di Apprendimento

Guida

Registra FlowModel
Crea FlowModel
Renderizza FlowModel
Flusso Eventi e Configurazione di FlowModel
Persistenza di FlowModel
Ciclo di Vita di FlowModel
Sistema di Contesto di FlowModel
Meccanismo Reattivo: Observable
FlowModel vs React.Component

Definizioni

Definizione Modello
Definizione Flusso
Definizione Evento
Definizione Azione
Definizione Passo
Previous PageMeccanismo Reattivo: Observable
Next PageDefinizione Modello
Avviso di traduzione IA

Questa documentazione è stata tradotta automaticamente dall'IA.

#FlowModel vs React.Component

#Confronto delle Responsabilità Fondamentali

Caratteristica/CapacitàReact.ComponentFlowModel
Capacità di RenderingSì, il metodo render() genera l'interfaccia utenteSì, il metodo render() genera l'interfaccia utente
Gestione dello Statostate e setState integratiUtilizza i props, ma la gestione dello stato si basa maggiormente sulla struttura ad albero del modello
Ciclo di VitaSì, ad es. componentDidMountSì, ad es. onInit, onMount, onUnmount
ScopoCreazione di componenti UICreazione di "alberi di modelli" strutturati, basati sui dati e orientati al flusso
Struttura DatiAlbero dei componentiAlbero dei modelli (supporta modelli padre-figlio, Fork multi-istanza)
Componenti FiglioUtilizzo di JSX per annidare i componentiUtilizzo di setSubModel/addSubModel per impostare esplicitamente i sotto-modelli
Comportamento DinamicoBinding degli eventi, aggiornamenti dello stato che guidano l'interfaccia utenteRegistrazione/dispatch di Flow, gestione dei flussi automatici
PersistenzaNessun meccanismo integratoSupporta la persistenza (ad es. model.save())
Supporta il Fork (rendering multipli)No (richiede il riutilizzo manuale)Sì (createFork per istanze multiple)
Controllo del MotoreNessunoSì, gestito, registrato e caricato da FlowEngine

#Confronto del Ciclo di Vita

Hook del Ciclo di VitaReact.ComponentFlowModel
Inizializzazioneconstructor, componentDidMountonInit, onMount
SmontaggiocomponentWillUnmountonUnmount
Risposta all'InputcomponentDidUpdateonBeforeAutoFlows, onAfterAutoFlows
Gestione degli ErroricomponentDidCatchonAutoFlowsError

#Confronto della Struttura di Costruzione

React:

class MyComponent extends React.Component {
  render() {
    return <div>Hello</div>;
  }
}

FlowModel:

class HelloModel extends FlowModel {
  render() {
    return <div>Hello</div>;
  }
}

#Albero dei Componenti vs Albero dei Modelli

  • Albero dei Componenti React: Un albero di rendering dell'interfaccia utente formato dall'annidamento di JSX in fase di esecuzione.
  • Albero dei Modelli FlowModel: Un albero di struttura logica gestito da FlowEngine, che può essere reso persistente e consente la registrazione dinamica e il controllo dei sotto-modelli. È adatto per la creazione di blocchi di pagina, flussi di azioni, modelli di dati, ecc.

#Funzionalità Speciali (Specifiche di FlowModel)

FunzioneDescrizione
registerFlowRegistra un flusso
applyFlow / dispatchEventEsegue/attiva un flusso
setSubModel / addSubModelControlla esplicitamente la creazione e il binding dei sotto-modelli
createForkSupporta il riutilizzo della logica di un modello per rendering multipli (ad es. ogni riga di una tabella)
openFlowSettingsImpostazioni dei passaggi del flusso
save / saveStepParams()Il modello può essere reso persistente e integrato con il backend

#Riepilogo

ElementoReact.ComponentFlowModel
Scenari AdattiOrganizzazione dei componenti a livello UIGestione di flussi e blocchi basati sui dati
Idea CentraleUI dichiarativaFlusso strutturato basato su modello
Metodo di GestioneReact controlla il ciclo di vitaFlowModel controlla il ciclo di vita e la struttura del modello
VantaggiRicco ecosistema e toolchainFortemente strutturato, flussi persistenti, sotto-modelli controllabili

FlowModel può essere utilizzato in modo complementare con React: si usa React per il rendering all'interno di un FlowModel, mentre il suo ciclo di vita e la sua struttura sono gestiti da FlowEngine.