Guide d'utilisation Annuler

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

 

 

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.

Remarque :

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 comporter un ensemble de pages permettant à l’utilisateur de supprimer des enregistrements d’une base de données. L’ensemble de pages se compose normalement d’une page de recherche, d’une page de résultats et d’une page de suppression. Ce type de page est généralement une page d’informations détaillées fonctionnant en tandem avec une page de résultats. Les pages de recherche et de résultats permettent aux utilisateurs de récupérer l’enregistrement et la page de suppression de le confirmer puis de le supprimer.

Après avoir créé les pages de recherche et de résultats, vous devez ajouter des liens à la page de résultats, de manière à ouvrir la page de suppression, puis créer une page de suppression qui affiche les enregistrements et un bouton Envoyer.

Recherche de l’enregistrement à supprimer

Lorsqu’un utilisateur veut supprimer un enregistrement, il doit d’abord localiser celui-ci dans la base de données. Vous devez donc créer une page de recherche et de résultats qui fonctionnera en tandem avec la page de suppression. L’utilisateur entre des critères de recherche dans la page de recherche et sélectionne l’enregistrement dans la page de résultats. Lorsque l’utilisateur clique sur l’enregistrement, la page de suppression s’ouvre et l’enregistrement s’affiche dans un formulaire HTML sur cette page.

Après avoir créé les pages de recherche et de résultats, vous devez ajouter des liens à la page de résultats afin d’ouvrir la page de suppression. Vous devez ensuite modifier les liens de manière à transmettre les ID des enregistrements que l’utilisateur veut supprimer. La page de suppression utilise cet ID pour rechercher l’enregistrement et l’afficher.

  1. Dans la page de résultats, créez une colonne dans le tableau utilisé pour afficher les enregistrements. Pour ce faire, cliquez à l’intérieur de la dernière colonne du tableau et sélectionnez Modifier > Tableau > Insérer des lignes ou des colonnes.
  2. Activez l’option Colonnes et l’option Après la colonne courante, puis cliquez sur OK.

    Une colonne est ajoutée au tableau.

  3. Dans la colonne que vous venez de créer, entrez la chaîne Delete dans la ligne contenant les espaces réservés pour le contenu dynamique. Vous devez entrer la chaîne dans la région répétée à onglets.

    Vous pouvez également insérer une image comprenant un mot ou un symbole évoquant une suppression.

  4. Sélectionnez la chaîne Delete afin de lui appliquer un lien.
  5. Dans l’inspecteur Propriétés, entrez le nom de la page de suppression dans la zone Lien. Vous pouvez entrer le nom de fichier de votre choix.

    Une fois que vous avez cliqué en dehors de la zone Lien, la chaîne Delete apparaît liée dans le tableau. Si vous activez le mode En direct, vous pouvez observer que le lien s’applique au même texte dans chaque ligne du tableau.

  6. Sélectionnez le lien de suppression dans la page de résultats.
  7. (ColdFusion) Dans la zone Lien de l’inspecteur Propriétés, ajoutez la chaîne suivante à la fin de l’URL :
    ?recordID=#recordsetName.fieldName#
    ?recordID=#recordsetName.fieldName#
    ?recordID=#recordsetName.fieldName#

    Le point d’interrogation indique au serveur que ce qui suit correspond à un ou plusieurs paramètres d’URL. Le mot recordID correspond au nom du paramètre d’URL (vous pouvez inventer n’importe quel nom de votre choix). Notez le nom du paramètre d’URL : vous devrez en effet l’utiliser ultérieurement au niveau de la page de suppression.

    L’expression qui suit le signe égal correspond à 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 fieldName par le nom du champ de votre jeu d’enregistrements qui permet d’identifier chaque enregistrement de façon univoque. Dans la plupart des cas, le champ correspond à 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#
    confirmDelete.cfm?recordID=#rsLocations.CODE#
    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 point de location Canberra, Australie, possède le code CBR, l’URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

    confirmDelete.cfm?recordID=CBR
    confirmDelete.cfm?recordID=CBR
    confirmDelete.cfm?recordID=CBR
  8. (PHP) Dans le champ Lien de l’inspecteur Propriétés, ajoutez la chaîne suivante à la fin de l’URL :
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>

    Le point d’interrogation indique au serveur que ce qui suit correspond à un ou plusieurs paramètres d’URL. Le mot recordID correspond au nom du paramètre d’URL (vous pouvez inventer n’importe quel nom de votre choix). Notez le nom du paramètre d’URL : vous devrez en effet l’utiliser ultérieurement au niveau de la page de suppression.

    L’expression qui suit le signe égal correspond à 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 fieldName par le nom du champ de votre jeu d’enregistrements qui permet d’identifier chaque enregistrement de façon univoque. Dans la plupart des cas, le champ correspond à un numéro d’ID d’enregistrement. Dans l’exemple ci-dessous, le champ correspond à des codes de location uniques :

    confirmDelete.php?recordID=<?php echo $row_rsLocations['CODE']; ?>
    confirmDelete.php?recordID=<?php echo $row_rsLocations['CODE']; ?>
    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 point de location Canberra, Australie, possède le code CBR, l’URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

    confirmDelete.php?recordID=CBR
    confirmDelete.php?recordID=CBR
    confirmDelete.php?recordID=CBR
  9. (ASP) Dans la zone Lien de l’inspecteur Propriétés, ajoutez la chaîne suivante à la fin de l’URL :
    ?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>
    ?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>
    ?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 correspond au nom du paramètre d’URL (vous pouvez inventer n’importe quel nom de votre choix). Notez le nom du paramètre d’URL : vous devrez en effet l’utiliser ultérieurement au niveau de la page de suppression.

    L’expression qui suit le signe égal correspond à 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 à partir 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 fieldName par le nom du champ de votre jeu d’enregistrements qui permet d’identifier chaque enregistrement de façon univoque. Dans la plupart des cas, le champ correspond à un numéro d’ID d’enregistrement. Dans l’exemple ci-dessous, le champ correspond à des codes de location uniques :

    confirmDelete.asp?recordID=<%=(rsLocations.Fields.Item("CODE").Value)%>
    confirmDelete.asp?recordID=<%=(rsLocations.Fields.Item("CODE").Value)%>
    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 le point de location Canberra, Australie, possède le code CBR, l’URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

    confirmDelete.asp?recordID=CBR
    confirmDelete.asp?recordID=CBR
    confirmDelete.asp?recordID=CBR
  10. Enregistrez la page.
  1. Dans la page de résultats, créez une colonne dans le tableau utilisé pour afficher les enregistrements. Pour ce faire, cliquez à l’intérieur de la dernière colonne du tableau et sélectionnez Modifier > Tableau > Insérer des lignes ou des colonnes.
  2. Activez l’option Colonnes et l’option Après la colonne courante, puis cliquez sur OK.

    Une colonne est ajoutée au tableau.

  3. Dans la colonne que vous venez de créer, entrez la chaîne Delete dans la ligne contenant les espaces réservés pour le contenu dynamique. Vous devez entrer la chaîne dans la région répétée à onglets.

    Vous pouvez également insérer une image comprenant un mot ou un symbole évoquant une suppression.

  4. Sélectionnez la chaîne Delete afin de lui appliquer un lien.
  5. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Aller à la page de détails dans le menu déroulant.
  6. Dans la boîte de dialogue Page de détails, cliquez sur Parcourir et recherchez la page à supprimer.
  7. Dans la zone Passer le paramètre d’URL, entrez le nom de votre paramètre, par exemple recordID.

    Vous pouvez utiliser le nom de votre choix ; veillez toutefois à en prendre note, car vous devrez l’employer plus loin, dans la page de suppression.

  8. Indiquez la valeur à transmettre à la page de suppression en sélectionnant un jeu d’enregistrements et une colonne dans les menus déroulants Jeu d’enregistrements et Colonne. Cette valeur, telle que l’ID de clé unique, est généralement propre à l’enregistrement.
  9. Activez l’option Paramètres d’URL.
  10. Cliquez sur OK.

    Un lien spécial entoure le texte sélectionné. Lorsque l’utilisateur clique sur le lien, le comportement de serveur Aller à la page de détails transmet à la page de suppression indiquée un paramètre d’URL contenant l’ID de l’enregistrement. Prenons l’exemple d’un paramètre d’URL appelé recordID et d’une page de suppression appelée confirmdelete.asp ; lorsque l’utilisateur clique sur le lien, l’URL se présente comme suit :

    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, constitue 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 sa valeur est 43. Dans cet exemple, le paramètre d’URL contient le numéro d’ID de l’enregistrement, soit 43.

Création de la page de suppression

Après avoir créé la page répertoriant les enregistrements, passez à la page de suppression. La page de suppression affiche l’enregistrement et invite l’utilisateur à confirmer sa suppression. Lorsque l’utilisateur confirme l’opération en cliquant sur le bouton du formulaire, l’application Web supprime l’enregistrement de la base de données.

La création de cette page consiste à créer un formulaire HTML, à récupérer l’enregistrement à afficher dans le formulaire, à l’afficher dans le formulaire et à ajouter la logique permettant de supprimer l’enregistrement de la base de données. Les opérations de récupération et d’affichage de l’enregistrement impliquent de définir un jeu d’enregistrements destiné à recevoir cet enregistrement (celui que l’utilisateur souhaite supprimer) et de lier les colonnes du jeu d’enregistrements au formulaire.

Remarque :

La page de suppression ne peut pas contenir plus d’un comportement de serveur de modification d’enregistrement à la fois. Par exemple, vous ne pouvez pas y inclure également un comportement de serveur Insérer un enregistrement ou Mettre à jour l’enregistrement.

Création d’un formulaire HTML permettant d’afficher l’enregistrement

  1. Créez une page et enregistrez-la de sorte qu’elle devienne la page de suppression définie dans la section précédente.

    Vous avez défini une page de suppression lors de la création du lien de suppression (voir la section précédente). Utilisez le nom de cette page lorsque vous enregistrez le fichier pour la première fois (par exemple, deleteConfirm.cfm).

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

    Le champ masqué est nécessaire pour stocker l’ID d’enregistrement transmis par le paramètre d’URL. Pour insérer un champ masqué, placez le point d’insertion dans le formulaire et choisissez Insertion > Formulaire > Champ masqué.

  4. Ajoutez un bouton au formulaire.

    Ce bouton permet à l’utilisateur de confirmer la suppression de l’enregistrement affiché. Pour insérer un bouton, placez le point d’insertion dans le formulaire et choisissez Insertion > Formulaire > Bouton.

  5. Modifiez la présentation de la page selon les besoins et enregistrez-la.

Récupération de l’enregistrement à supprimer

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

    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 s’affiche, cliquez sur Simple.

  2. Attribuez un nom au jeu d’enregistrements, puis sélectionnez une source de données ainsi que la table de base de données contenant les enregistrements que les utilisateurs peuvent supprimer.
  3. Dans la zone Colonnes, sélectionnez les colonnes (champs d’enregistrement) à afficher sur la page.

    Pour n’afficher que certains champs de l’enregistrement, cliquez sur Sélectionnées, puis cliquez sur les champs souhaités tout en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée.

    Assurez-vous que le champ d’ID d’enregistrement est compris dans la sélection, même si vous ne souhaitez pas l’afficher.

  4. Renseignez 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

  5. Cliquez sur OK.

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

Affichage de l’enregistrement à supprimer

  1. Sélectionnez les colonnes de jeu de données (champs d’enregistrement) dans le panneau Liaisons et faites-les glisser vers la page de suppression.

    Veillez à insérer le contenu dynamique en lecture seule au sein des limites du formulaire. Pour plus d’informations sur l’insertion de contenu dynamique dans une page, consultez la section Ajout de texte dynamique.

    Vous devez ensuite lier la colonne d’ID d’enregistrement au champ de formulaire masqué.

  2. Vérifiez que l’option Eléments invisibles est activée (Affichage > Assistances visuelles > Eléments invisibles), puis cliquez sur l’icône en forme de bouclier jaune représentant le champ masqué.

    Le champ masqué est sélectionné.

  3. Dans l’inspecteur Propriétés, cliquez sur l’icône en forme d’éclair située en regard de la zone Valeur.
  4. Dans la boîte de dialogue Données dynamiques, sélectionnez la colonne d’ID d’enregistrement dans le jeu d’enregistrements.

    Dans l’exemple suivant, la colonne d’ID d’enregistrement, CODE, contient des codes de magasin uniques.

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

  5. 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 insérer sur cette page la logique permettant de supprimer l’enregistrement de la base de données lorsque l’utilisateur clique sur le bouton de confirmation de la suppression. Le comportement de serveur Supprimer l’enregistrement permet d’insérer rapidement cette logique.

Ajout d’un comportement de serveur pour supprimer un enregistrement (ColdFusion, PHP)

  1. Assurez-vous que la page de suppression ColdFusion ou PHP soit ouverte sous Dreamweaver.
  2. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+), puis choisissez Supprimer l’enregistrement.
  3. Vérifiez que l’option Valeur de la clé primaire est sélectionnée dans la zone Vérifier au préalable si la variable est définie.

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

  4. Dans le menu Connexion ou Source de données (ColdFusion), sélectionnez une connexion à la base de données de sorte que le comportement de serveur puisse se connecter à la base de données concernée.
  5. Dans le menu déroulant Table, sélectionnez la table de base de données contenant les enregistrements à supprimer.
  6. Dans le menu déroulant Colonne de la clé primaire, sélectionnez la colonne contenant les ID d’enregistrement.

    Le comportement de serveur Supprimer l’enregistrement recherche une correspondance dans cette colonne. Cette dernière doit contenir les mêmes ID d’enregistrement que la colonne du jeu d’enregistrements que vous avez liée au formulaire masqué sur la page.

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

  7. (PHP) Dans le menu déroulant Valeur de la clé primaire, sélectionnez la variable de la page contenant l’ID d’enregistrement identifiant l’enregistrement à supprimer.

    La variable est générée par le champ de formulaire masqué. Son nom correspond à l’attribut name du champ masqué. Suivant l’attribut method du formulaire, elle se présente sous la forme d’un paramètre de formulaire ou d’un paramètre d’URL.

  8. Dans la zone « Après la suppression, aller à » ou « En cas de réussite, aller à », indiquez la page à ouvrir après la suppression de l’enregistrement de la table.

    Cette page peut par exemple présenter un bref message indiquant à l’utilisateur que l’opération a réussi, ou bien répertorier les enregistrements restants afin que l’utilisateur puisse vérifier que l’enregistrement a bien été supprimé.

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

  9. Cliquez sur OK et enregistrez votre travail.

Ajout d’un comportement de serveur pour supprimer un enregistrement (ASP)

  1. Assurez-vous que la page de suppression ASP soit ouverte sous Dreamweaver.
  2. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+), puis choisissez Supprimer l’enregistrement.
  3. Dans le menu déroulant Connexion, sélectionnez une connexion à la base de données de sorte que le comportement de serveur puisse se connecter à la base de données concernée.

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

  4. Dans le menu déroulant Supprimer de la table, sélectionnez la table de base de données qui contient les enregistrements à supprimer.
  5. Dans le menu déroulant Sélectionner un enregistrement dans, indiquez le jeu contenant les enregistrements à supprimer.
  6. Dans le menu déroulant Colonne à clé unique, sélectionnez une colonne à clé (généralement le champ d’ID de l’enregistrement) devant identifier l’enregistrement dans la table de la 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 dans certains cas, elle accepte également du texte.

  7. Dans le menu déroulant Supprimer en envoyant, spécifiez le formulaire HTML contenant le bouton Envoyer qui envoie la commande de suppression au serveur.
  8. Dans la zone Après la suppression, aller à, indiquez la page à ouvrir après la suppression de l’enregistrement de la table.

    Cette page peut par exemple présenter un bref message indiquant à l’utilisateur que l’opération a réussi, ou bien répertorier les enregistrements restants afin que l’utilisateur puisse vérifier que l’enregistrement a bien été supprimé.

  9. Cliquez sur OK et enregistrez votre travail.

Test des pages de suppression

  1. Envoyez les pages de recherche, de résultats et de suppression à votre serveur Web, ouvrez un navigateur et recherchez un enregistrement de test susceptible d’être supprimé.

    Lorsque vous cliquez sur un lien de suppression sur la page de résultats. la page de suppression doit s’afficher.

  2. Cliquez sur le bouton Confirmer pour supprimer l’enregistrement de la base de données.
  3. Recherchez l’enregistrement pour vous assurer qu’il a bien été supprimé. L’enregistrement ne doit plus figurer sur la page de résultats.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?