Plugin-Praxisbeispiele

Die vorherigen Kapitel haben jeweils Plugin, Router, Component, Context und FlowEngine vorgestellt. In diesem Kapitel werden alle diese Bausteine zusammengeführt — anhand mehrerer vollständiger Praxisbeispiele wird der gesamte Prozess von der Erstellung eines Plugins bis zur Fertigstellung gezeigt.

Jedes Beispiel entspricht einem ausführbaren Beispiel-Plugin, dessen Quellcode Sie direkt einsehen oder lokal ausführen können.

Liste der Beispiele

BeispielBeteiligte FähigkeitenSchwierigkeit
Eine Plugin-Einstellungsseite erstellenPlugin + Router + Component + Context + ServerEinsteiger
Einen benutzerdefinierten Anzeige-Block erstellenPlugin + FlowEngine (BlockModel)Einsteiger
Ein benutzerdefiniertes Feld-Component erstellenPlugin + FlowEngine (FieldModel)Einsteiger
Einen benutzerdefinierten Aktionsbutton erstellenPlugin + FlowEngine (ActionModel)Einsteiger
Ein Frontend-Backend-Datenmanagement-Plugin erstellenPlugin + FlowEngine (TableBlockModel + FieldModel + ActionModel) + ServerFortgeschritten

Es wird empfohlen, in der angegebenen Reihenfolge zu lesen. Das erste Beispiel verwendet React-Components + eine einfache Server-Schnittstelle, ohne FlowEngine. Die mittleren drei demonstrieren jeweils die Basisklassen Block, Feld und Aktion der FlowEngine. Das letzte fügt das Gelernte aus Block, Feld und Aktion zusammen, ergänzt es um eine serverseitige Datentabelle und ergibt ein vollständiges Frontend-Backend-Plugin. Falls Sie noch unsicher sind, ob React-Component oder FlowModel verwenden, lesen Sie zuerst Component vs FlowModel.