Création de pages de suppression d’enregistrement sous Dreamweaver

Dernière mise à jour le 25 avr. 2024

Découvrez comment créer une page de suppression d’enregistrement sous Dreamweaver pour permettre aux utilisateurs de Supprimer des enregistrements d’une base de données.

Annotation

L’interface utilisateur a été simplifiée sous Dreamweaver et versions ultérieures. Par conséquent, il se peut que vous ne trouviez pas certaines options décrites dans cet article sous Dreamweaver et versions ultérieures. Pour plus d’informations, consultez cet article.

À propos des pages de suppression d’enregistrements

Votre application peut contenir un ensemble de pages qui permet aux utilisateurs de supprimer des enregistrements dans une base de données. Les pages se composent normalement d'une page de recherche, d'une page de résultats et d'une page de suppression.Une page de suppression est généralement une page de détail qui fonctionne en tandem avec une page de résultats.Les pages de recherche et de résultats permettent à l'utilisateur de récupérer l'enregistrement et la page de suppression permet à l'utilisateur de confirmer et supprimer l'enregistrement.

Après avoir créé les pages de recherche et de résultats, vous ajoutez des liens sur la page de résultats pour ouvrir la page de suppression, puis vous créez une page de suppression qui affiche les enregistrements et un bouton Envoyer.

Recherche de l’enregistrement à supprimer

Lorsque les utilisateurs veulent supprimer un enregistrement, ils doivent d'abord trouver cet enregistrement dans la base de données. En conséquence, vous avez besoin d'une page de recherche et d'une page de résultats pour travailler avec la page de suppression. L'utilisateur saisit les critères de recherche dans la page de recherche et sélectionne l'enregistrement sur la page de résultats. Lorsque l'utilisateur clique sur l'enregistrement, la page de suppression s'ouvre et affiche l'enregistrement dans un formulaire HTML.

Après avoir créé les pages de recherche et de résultats, vous devez créer des liens sur la page de résultats pour ouvrir la page de suppression. Vous modifiez ensuite les liens pour transmettre les identifiants des enregistrements que l'utilisateur veut supprimer.La page de suppression utilise cet ID pour trouver et afficher l'enregistrement.

Sur la page de résultats, créez une colonne dans le tableau utilisé pour afficher les enregistrements en cliquant à l'intérieur de la dernière colonne du tableau et en sélectionnant Modifier > Tableau > Insérer des lignes ou des colonnes.
Sélectionnez l'option Colonnes et l'option Après la colonne actuelle, puis cliquez sur OK.

Une colonne est ajoutée au tableau.

Dans la colonne de tableau nouvellement créée, saisissez la chaîne Supprimer dans la ligne contenant les espaces réservés de contenu dynamique. Assurez-vous de saisir la chaîne à l'intérieur de la zone de répétition avec onglets.

Vous pouvez également insérer une image avec un mot ou un symbole pour supprimer.

Sélectionnez la chaîne Supprimer pour lui appliquer un lien.
Dans l'inspecteur Propriété, saisissez la page de suppression dans la zone Lien. Vous pouvez entrer le nom de fichier de votre choix.

Après avoir cliqué en dehors de la zone Lien, la chaîne Supprimer apparaît liée dans le tableau. Si vous utilisez l'affichage en direct, vous pouvez voir que le lien est appliqué au même texte dans chaque ligne du tableau.

Sélectionnez le lien de suppression dans la page de résultats.
(ColdFusion) Dans la zone Lien de l'inspecteur Propriété, ajoutez la chaîne suivante à la fin de l'URL :

?recordID=#recordsetName.fieldName#

Le point d'interrogation indique au serveur que ce qui suit est un ou plusieurs paramètres d'URL. Le mot recordID est le nom du paramètre d'URL (vous pouvez inventer n'importe quel nom). Notez le nom du paramètre d'URL car vous l'utiliserez dans la page de suppression plus tard.

L'expression après le signe égal est la valeur du paramètre. Dans ce cas, la valeur est générée par une expression ColdFusion qui renvoie un ID d'enregistrement du jeu d'enregistrements. Un ID différent est généré pour chaque ligne du tableau dynamique. Dans l'expression ColdFusion, remplacez recordsetName par le nom de votre jeu d'enregistrements, et remplacez fieldName par le nom du champ de votre jeu d'enregistrements qui identifie de manière unique chaque enregistrement. Dans la plupart des cas, le champ sera constitué d'un numéro d'ID d'enregistrement. Dans l’exemple ci-dessous, le champ correspond à des codes de location uniques :

confirmDelete.cfm?recordID=#rsLocations.CODE#

Lorsque la page s'exécute, les valeurs du champ CODE du jeu d'enregistrements sont insérées dans les lignes correspondantes du tableau dynamique. Par exemple, si le site de location de Canberra, Australie, a le code CBR, l'URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

confirmDelete.cfm?recordID=CBR

(PHP) Dans le champ Lien de l'inspecteur Propriété, ajoutez la chaîne suivante à la fin de l'URL :

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

Le point d'interrogation indique au serveur que ce qui suit est un ou plusieurs paramètres d'URL. Le mot recordID est le nom du paramètre d'URL (vous pouvez inventer n'importe quel nom). Notez le nom du paramètre d'URL car vous l'utiliserez dans la page de suppression plus tard.

L'expression après le signe égal est la valeur du paramètre. Dans ce cas, la valeur est générée par une expression PHP qui renvoie un ID d'enregistrement du jeu d'enregistrements. Un ID différent est généré pour chaque ligne du tableau dynamique. Dans l'expression PHP, remplacez recordsetName par le nom de votre jeu d'enregistrements, et remplacez fieldName par le nom du champ de votre jeu d'enregistrements qui identifie de manière unique chaque enregistrement. Dans la plupart des cas, le champ sera constitué d'un numéro d'ID d'enregistrement. Dans l'exemple suivant, le champ est constitué de codes de localisation uniques :

confirmDelete.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

Lorsque la page s'exécute, les valeurs du champ CODE du jeu d'enregistrements sont insérées dans les lignes correspondantes du tableau dynamique. Par exemple, si le site de location de Canberra, Australie, a le code CBR, l'URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

confirmDelete.php?recordID=CBR

(ASP) Dans le champ Lien de l'inspecteur des propriétés, ajoutez la chaîne suivante à la fin de l'URL :

?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>

Le point d'interrogation indique au serveur que ce qui suit correspond à un ou plusieurs paramètres d'URL.Le mot recordID est le nom du paramètre d'URL (vous pouvez choisir le nom que vous voulez). Notez le nom du paramètre d'URL car vous l'utiliserez dans la page de suppression plus tard.

L'expression après le signe égal est la valeur du paramètre. Dans ce cas, la valeur est générée par une expression ASP qui renvoie un ID d'enregistrement du jeu d'enregistrements. Un ID différent est généré pour chaque ligne du tableau dynamique. Dans l'expression ASP, remplacez recordsetName par le nom de votre jeu d'enregistrements, et remplacez fieldName par le nom du champ dans votre jeu d'enregistrements qui identifie de manière unique chaque enregistrement. Dans la plupart des cas, le champ comprend un numéro d'ID d'enregistrement. Dans l'exemple suivant, le champ comprend des codes d'emplacement uniques :

confirmDelete.asp?recordID=<%=(rsLocations.Fields.Item("CODE").Value)%>

Lorsque la page s'exécute, les valeurs du champ CODE du jeu d'enregistrements sont insérées dans les lignes correspondantes du tableau dynamique.Par exemple, si l'emplacement de location de Canberra, Australie, a le code CBR, l'URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

confirmDelete.asp?recordID=CBR

Enregistrez la page.
Sur la page de résultats, créez une colonne dans le tableau utilisé pour afficher les enregistrements en cliquant dans la dernière colonne du tableau et en sélectionnant Modifier > Tableau > Insérer des lignes ou des colonnes.
Sélectionnez l'option Colonnes et l'option Après la colonne actuelle, et cliquez sur OK.

Une colonne est ajoutée au tableau.

Dans la colonne de tableau nouvellement créée, entrez la chaîne Supprimer dans la ligne contenant les espaces réservés de contenu dynamique. Assurez-vous de saisir la chaîne dans la zone de répétition à onglets.

Vous pouvez également insérer une image avec un mot ou un symbole pour supprimer.

Sélectionnez la chaîne Supprimer pour y appliquer un lien.
Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et sélectionnez Aller à la page de détails dans le menu contextuel.
Dans la zone Page de détails, cliquez sur Parcourir et localisez la page de suppression.
Dans la zone Transmettre le paramètre d'URL, spécifiez le nom de votre paramètre, tel que recordID.

Vous pouvez choisir le nom qui vous plaît, mais notez-le car vous l'utiliserez dans la page de suppression par la suite.

Spécifiez la valeur que vous souhaitez transmettre à la page de suppression en sélectionnant un recordset et une colonne dans les menus contextuels Recordset et Colonne. En général, la valeur est unique au dossier, par exemple l'ID de clé unique du dossier.
Activez l’option Paramètres d’URL.
Cliquez sur OK.

Un lien spécial entoure le texte sélectionné. Lorsque l'utilisateur clique sur le lien, le comportement de serveur Atteindre la page de détails transmet un paramètre d'URL contenant l'ID de dossier à la page de suppression spécifiée. Par exemple, si le paramètre d'URL s'appelle recordID et que la page de suppression s'appelle confirmdelete.asp, l'URL ressemble à ceci quand l'utilisateur clique sur le lien :

http://www.mysite.com/confirmdelete.asp?recordID=43

La première partie de l'URL, http://www.mysite.com/confirmdelete.asp, ouvre la page de suppression. La deuxième partie, ?recordID=43, est le paramètre d'URL. Elle précise à la page de suppression quel enregistrement trouver et afficher. Le terme recordID est le nom du paramètre d'URL et 43 est sa valeur. Dans cet exemple, le paramètre d'URL contient le numéro d'ID du dossier, 43.

Création de la page de suppression

Après avoir terminé la page qui répertorie les dossiers, basculez vers la page de suppression. La page de suppression affiche le dossier et demande à l'utilisateur s'il est sûr de vouloir le supprimer. Lorsque l'utilisateur confirme l'opération en cliquant sur le bouton du formulaire, l'application web supprime le dossier de la base de données.

La création de cette page consiste à créer un formulaire HTML, récupérer le dossier à afficher dans le formulaire, afficher le dossier dans le formulaire et ajouter la logique pour supprimer le dossier de la base de données. La récupération et l'affichage du dossier consistent à définir un recordset pour contenir un seul dossier (le dossier que l'utilisateur souhaite supprimer) et lier les colonnes du recordset au formulaire.

Annotation

La page de suppression ne peut contenir qu'un seul comportement de serveur de modification d'enregistrement à la fois. Par exemple, vous ne pouvez pas ajouter un comportement de serveur Insérer un enregistrement ou Mettre à jour un enregistrement à la page de suppression.

Créer un formulaire HTML pour afficher le dossier

Créez une page et enregistrez-la comme page de suppression que vous avez spécifiée dans la section précédente.

Vous avez spécifié une page de suppression lorsque vous avez créé le lien Supprimer dans la section précédente. Utilisez ce nom lors de l'enregistrement du fichier pour la première fois (par exemple, deleteConfirm.cfm).

Insérez un formulaire HTML sur la page (Insertion > Formulaire > Formulaire).
Ajoutez un champ masqué au formulaire.

Le champ de formulaire masqué est requis pour stocker l'ID de dossier transmis par le paramètre d'URL. Pour ajouter un champ masqué, placez le point d'insertion dans le formulaire et sélectionnez Insertion > Formulaire > Champ masqué.

Ajoutez un bouton au formulaire.

L'utilisateur clique sur le bouton pour confirmer et supprimer l'enregistrement affiché.Pour ajouter un bouton, placez le point d'insertion dans le formulaire et sélectionnez Insertion > Formulaire > Bouton.

Améliorez la conception de la page comme vous le souhaitez et enregistrez-la.

Récupérez l'enregistrement que l'utilisateur souhaite supprimer

Dans le panneau Liaisons (Fenêtre > Liaisons), cliquez sur le bouton Plus (+) et sélectionnez Jeu d'enregistrements (Requête) dans le menu contextuel.

La boîte de dialogue Jeu d’enregistrements ou Jeu de données simplifiée s’affiche. Si la boîte de dialogue Jeu d'enregistrements avancée apparaît, cliquez sur Simple.

Nommez le jeu d'enregistrements et sélectionnez une source de données et la table de base de données qui contient les enregistrements que les utilisateurs peuvent supprimer.
Dans la zone Colonnes, sélectionnez les colonnes de table (champs d'enregistrement) que vous souhaitez afficher sur la page.

Pour afficher seulement certains champs de l'enregistrement, cliquez sur Sélectionnés et choisissez les champs souhaités en maintenant la touche Ctrl enfoncée (Windows) ou Cmd (Macintosh) et en cliquant sur ces champs dans la liste.

Assurez-vous d'inclure le champ ID d'enregistrement même si vous ne l'affichez pas.

Complétez la section Filtre comme suit pour rechercher et afficher l'enregistrement spécifié dans le paramètre d'URL transmis par la page de résultats :
  • Dans le premier menu déroulant de la zone Filtre, sélectionnez la colonne du jeu d’enregistrements contenant les valeurs correspondant à celle du paramètre d’URL transmis par la page comportant les liens Supprimer. Par exemple, si le paramètre d’URL contient un numéro d’ID d’enregistrement, sélectionnez la colonne contenant les numéros d’ID d’enregistrement. Dans l’exemple de la section précédente, la colonne intitulée CODE contient les valeurs correspondant à celle du paramètre d’URL transmis par la page contenant les liens de suppression.

  • Dans le menu déroulant situé en regard du premier menu, sélectionnez le signe égal (=) (si cela n'est pas déjà fait).

  • Dans le troisième menu déroulant, choisissez Paramètre d’URL. La page contenant les liens de suppression utilise un paramètre d’URL pour transmettre des informations à la page de suppression.

  • Dans le quatrième champ, entez le nom du paramètre d'URL transmis par la page contenant les liens de suppression.

     

Boîte de dialogue Jeu d’enregistrements
Boîte de dialogue Jeu d’enregistrements

Cliquez sur OK.

Le jeu d’enregistrements s’affiche dans le panneau Liaisons.

Affichez l'enregistrement que l'utilisateur souhaite supprimer

Sélectionnez les colonnes du jeu d'enregistrements (champs d'enregistrement) dans le panneau Liaisons et faites-les glisser vers la page de suppression.

Assurez-vous d'insérer ce contenu dynamique en lecture seule dans les limites du formulaire.Pour plus d'informations sur l'insertion de contenu dynamique dans une page, consultez Rendre du texte dynamique.

Ensuite, vous devez lier la colonne ID d'enregistrement au champ de formulaire masqué.

Assurez-vous que les éléments invisibles sont activés (Affichage > Aides visuelles > Éléments invisibles), puis cliquez sur l'icône en forme de bouclier jaune qui représente le champ de formulaire masqué.

Le champ masqué est sélectionné.

Dans l'inspecteur de propriétés, cliquez sur l'icône d'éclair à côté de la zone Valeur.
Dans la boîte de dialogue Données dynamiques, sélectionnez la colonne ID d'enregistrement dans le jeu d'enregistrements.

Dans l'exemple suivant, la colonne ID d'enregistrement, CODE, contient des codes de boutique en ligne uniques.

Colonne d’ID de l’enregistrement sélectionnée
Colonne d’ID de l’enregistrement sélectionnée

Cliquez sur OK et enregistrez la page.
Page de suppression terminée
Page de suppression terminée

Insertion de la logique permettant de supprimer l’enregistrement

Après avoir affiché l'enregistrement sélectionné sur la page de suppression, vous devez ajouter une logique à la page qui supprime l'enregistrement de la base de données lorsque l'utilisateur clique sur le bouton Confirmer la suppression.Vous pouvez ajouter cette logique rapidement et facilement en utilisant le comportement de serveur Supprimer l'enregistrement.

Pour ajouter un comportement de serveur pour supprimer l'enregistrement (ColdFusion, PHP)

Assurez-vous que la page de suppression ColdFusion ou PHP est ouverte dans Dreamweaver.
Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et sélectionnez Supprimer l'enregistrement.
Dans la zone Vérifier d'abord si la variable est définie, assurez-vous que Valeur de clé principale est sélectionné.

Vous définirez la valeur de la clé primaire ultérieurement dans cette boîte de dialogue.

Dans le menu contextuel Connexion ou Source de données (ColdFusion), sélectionnez une connexion à la base de données afin que le comportement de serveur puisse se connecter à la base de données concernée.
Dans le menu pop‑up Tableau, sélectionnez la table de base de données qui contient les enregistrements à supprimer.
Dans le menu pop‑up Colonne de clé principale, sélectionnez la colonne de table qui contient les ID d'enregistrement.

Le comportement de serveur Supprimer l'enregistrement recherche une correspondance dans cette colonne.La colonne doit contenir les mêmes données d'ID d'enregistrement que la colonne de jeu d'enregistrements que vous avez liée au champ de formulaire masqué sur la page.

Si l'ID d'enregistrement est numérique, sélectionnez l'option Numérique.

(PHP) Dans le menu pop‑up Valeur de clé primaire, sélectionnez la variable sur votre page qui contient l'ID d'enregistrement identifiant l'enregistrement à supprimer.

La variable est générée par le champ de formulaire masqué. Elle a le même nom que l'attribut name du champ masqué et constitue soit un paramètre de formulaire, soit un paramètre d'URL, selon l'attribut method du formulaire.

Dans la zone Après suppression, aller à ou Lors du succès, aller à, spécifiez une page à ouvrir après que l'enregistrement ait été supprimé de la table de base de données.

Vous pouvez spécifier une page qui contient un bref message de succès à l'utilisateur, ou une page répertoriant les enregistrements restants afin que l'utilisateur puisse vérifier que l'enregistrement a été supprimé.

À propos de la boîte de dialogue Suppression d’enregistrement
À propos de la boîte de dialogue Suppression d’enregistrement

Cliquez sur OK et enregistrez votre travail.

Pour ajouter un comportement de serveur pour supprimer l'enregistrement (ASP)

Assurez-vous que la page de suppression ASP est ouverte dans Dreamweaver.
Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+), puis sélectionnez Supprimer l'enregistrement.
Dans le menu contextuel Connexion, sélectionnez une connexion à la base de données pour que le comportement de serveur puisse se connecter à la base de données affectée.

Cliquez sur le bouton Définir si vous devez définir une connexion.

Dans le menu pop‑up Supprimer de la table, sélectionnez la table de base de données qui contient les enregistrements à supprimer.
Dans le menu pop‑up Sélectionner l'enregistrement depuis, spécifiez le jeu d'enregistrements qui contient les enregistrements à supprimer.
Dans le menu pop‑up Colonne de clé unique, sélectionnez une colonne de clé (généralement la colonne d'ID d'enregistrement) pour identifier l'enregistrement dans la table de base de données.

Si la valeur est un nombre, sélectionnez l’option Numérique. Une colonne clé n'accepte généralement que des valeurs numériques, mais parfois elle accepte des valeurs textuelles.

Dans le menu pop‑up Supprimer en soumettant, spécifiez le formulaire HTML avec le bouton Envoyer qui transmet la commande de suppression au serveur.
Dans la zone Après suppression, aller à, spécifiez une page à ouvrir après que l'enregistrement ait été supprimé de la table de base de données.

Vous pouvez spécifier une page qui contient un bref message de succès à l'utilisateur, ou une page répertoriant les enregistrements restants afin que l'utilisateur puisse vérifier que l'enregistrement a été supprimé.

Cliquez sur OK et enregistrez votre travail.

Test des pages de suppression

Chargez les pages de recherche, de résultats et de suppression sur votre serveur web, ouvrez un navigateur et recherchez un enregistrement de test temporaire à supprimer.

Lorsque vous cliquez sur un lien Supprimer sur la page de résultats, la page de suppression doit apparaître.

Cliquez sur le bouton Confirmer pour supprimer l'enregistrement de la base de données.
Vérifiez que l'enregistrement a été supprimé en lançant une nouvelle recherche.L'enregistrement ne doit plus apparaître dans la page de résultats.