Chapitre 6 - Soumettre les données et mettre à jour la base de données

Étape 1 - Ajouter les composants des boutons de saisie, de sélection et de soumission

‍

Dans cette étape, nous mettrons en place les éléments de l'interface utilisateur nécessaires pour que l'utilisateur soumette des données dans la base de données interne - tels qu'un commentaire (via une entrée de texte) et une sélection de département (via une liste déroulante). Nous préparerons également un bouton de soumission pour déclencher l'action.

‍

Ajouter une mise en page et des composants

‍

1. Tout d'abord, faites glisser et déposez le composant Layout (de la section Organisation) dans la vue.
   • Configurez-le avec deux colonnes afin de pouvoir afficher les composants côte à côte

‍

1. Ensuite, faites glisser et déposez les composants suivants dans la mise en page :
   • Un composant InputText - il sera utilisé pour les commentaires des utilisateurs.
   • Un composant Select (Dropdown) - il sera utilisé pour choisir le département.

‍

1. Enfin, faites glisser et déposez un composant Bouton (de la section Interactions) sous la mise en page.
   • Ce bouton sera utilisé comme bouton d'envoi pour notre formulaire.

‍

Renommer les composants (ID technique)

‍

Organisons maintenant nos composants pour clarifier la logique de développement.

1. Cliquez sur le composant Input pour ouvrir son panneau de configuration.

‍

1. Sur le côté droit, cliquez sur l'icône "A" pour passer en mode avancé (l'icône devient un "S").

‍

1. Descendez jusqu'au bas du panneau de configuration.
   • Vous verrez le champ permettant de renommer l'identifiant technique du composant

1. Renommez-le en quelque chose de significatif comme :
   • FeedbackInput pour le composant d'entrée.
   • DepartmentSelect pour le composant de liste déroulante.
   • ‍

Remarque : ce changement de nom ne modifie que l'identifiant technique utilisé en interne - il vous aide à référencer le composant ultérieurement dans les actions et les flux.

Elle n'affecte pas l'étiquette visible affichée par les utilisateurs.

Pour modifier l'étiquette affichée (par exemple "Votre avis"), vous devez modifier le titre ou le texte de remplacement dans la configuration principale du composant.

‍

‍

‍

Connecter le composant Select à la base de données pour obtenir les départements

‍

‍

‍

Soumettre des données, mettre à jour la base de données

‍

‍