Exemples pratiques de plugins

Les chapitres précédents ont présenté individuellement Plugin, Router, Component, Context, FlowEngine et autres capacités. Ce chapitre les rassemble — à travers plusieurs exemples pratiques complets, il montre le processus de développement d'un plugin de la création à l'achèvement.

Chaque exemple correspond à un plugin d'exemple exécutable : vous pouvez en consulter le code source ou le faire tourner localement.

Liste des exemples

ExempleCapacités impliquéesDifficulté
Faire une page de configuration de pluginPlugin + Router + Component + Context + serveurDébutant
Faire un bloc d'affichage personnaliséPlugin + FlowEngine (BlockModel)Débutant
Faire un composant de champ personnaliséPlugin + FlowEngine (FieldModel)Débutant
Faire un bouton d'action personnaliséPlugin + FlowEngine (ActionModel)Débutant
Faire un plugin de gestion de données front+backPlugin + FlowEngine (TableBlockModel + FieldModel + ActionModel) + serveurAvancé

Il est recommandé de les lire dans l'ordre. Le premier exemple utilise des composants React + une simple API serveur, sans FlowEngine ; les trois suivants illustrent respectivement les classes parentes BlockModel, FieldModel et ActionModel de FlowEngine ; le dernier rassemble les notions de bloc, champ et action des exemples précédents avec une table de données serveur, pour former un plugin complet à intégration front-back. Si vous hésitez entre composants React et FlowModel, consultez d'abord Component vs FlowModel.

Liens connexes