Cours accéléré 101
10 Modules
5 Semaines

Modification des enregistrements

Cliquez pour copier

Comment modifier les enregistrements dans les applications web


Nous sommes maintenant prêts à commencer l'édition. Faisons-le en utilisant l'exemple d'une table avec des villes. Peut-être qu'une ville a reçu des informations actualisées sur la population, la description informative a changé, ou même le nom. Pour ce faire, nous devons créer un bouton dans le tableau qui ouvrira la fenêtre modale et créer également la fenêtre modale elle-même, dans laquelle l'édition sera effectuée.

Fenêtre modale pour l'édition des enregistrements

En général, ce processus est très similaire à celui de la création initiale de nouveaux enregistrements. Nous avons également appuyé sur un bouton à cet endroit, et une fenêtre modale est apparue, permettant de remplir les données nécessaires. Mais lors de la création, tous les champs de saisie de la modale étaient vides ; nous n'avions pas besoin de connaître l'ID du poste que nous créions. Toutes les données étaient soit remplies manuellement, soit attribuées automatiquement. Maintenant, pour l'édition, il faut ouvrir un enregistrement strictement défini et obtenir exactement ses données.


Commençons par mettre en place le bouton d'édition. Sa tâche consistera à écrire l'ID du message dans la variable globale et à ouvrir une fenêtre d'édition modale. Créons le processus métier correspondant. Vous pouvez constater que la variable globale créée se trouve dans la liste générale des blocs sous son nom unique.


Ensuite, vous devez configurer la fenêtre d'édition modale elle-même. Visuellement, elle ne diffère en rien (sauf pour le nom) de la fenêtre modale créée précédemment pour ajouter de nouveaux enregistrements à la base de données. La principale différence réside dans le processus opérationnel qui doit être lancé à l'ouverture de la fenêtre.


Sa tâche est presque une image miroir de ce qui a été fait précédemment lors de la création d'un enregistrement d'une nouvelle ville. Il est nécessaire de prendre l'ID de la ville dans une variable globale, d'obtenir des informations de la base de données et de les distribuer dans les champs de saisie appropriés.



Correction de l'enregistrement

Après cela, il ne reste plus qu'à configurer le bouton Save en créant pour lui un processus commercial similaire à celui utilisé pour créer une nouvelle ville. Les seules différences sont l'utilisation d'un ID provenant d'une variable globale et le type de requête PATCH au lieu de POST.


Maintenant, lorsque vous cliquez sur le bouton d'édition, vous pouvez ouvrir des informations détaillées sur l'enregistrement souhaité à partir de la base de données, modifier n'importe quel champ et enregistrer les modifications.

L'utilisation de variables globales nous a permis de sauvegarder des informations sur l'enregistrement à modifier à ce moment-là, d'enregistrer son ID et d'y faire référence si nécessaire. En même temps, grâce aux variables globales, la vitesse de l'application augmente, car autrement, il serait nécessaire de sauvegarder ces données dans la base de données et de faire des requêtes supplémentaires à celle-ci.

Was this article helpful?
Vous cherchez toujours une réponse ?
Rejoignez la communauté