Remarque :
L’interface utilisateur a été simplifiée sous Dreamweaver CC et versions ultérieures. Par conséquent, il se peut que vous ne trouviez pas certaines options décrites dans cet article sous Dreamweaver CC et versions ultérieures. Pour plus d’informations, voir cet article.
Votre application peut contenir un ensemble de pages permettant à l’utilisateur de mettre à jour les enregistrements existants d’une table de 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 mise à jour. La page de recherche et la page de résultats permettent aux utilisateurs de récupérer un enregistrement et la page de mise à jour de le modifier.
Lorsqu’un utilisateur veut mettre à jour 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 mise à jour. L’utilisateur entre des critères de recherche dans la page de recherche et sélectionne l’enregistrement dans la page de résultats. Lorsqu’il clique sur l’enregistrement sur la page de résultats, la page de mise à jour s’ouvre et affiche l’enregistrement dans un formulaire HTML.
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 mise à jour. Vous devez ensuite modifier les liens de manière à transmettre les ID des enregistrements sélectionnés par l’utilisateur. La page de mise à jour utilise cet ID pour rechercher l’enregistrement demandé dans la base de données et l’afficher.
Le processus destiné à ouvrir la page de mise à jour et à la transmission d’un ID d’enregistrement est identique à celui d’ouverture d’une page de détails et à la transmission d’un ID d’enregistrement. Pour plus d’informations, voir Création de liens vers la page de détails.
Lorsque la page de résultats a transmis un ID d’enregistrement à la page de mise à jour, de manière à identifier l’enregistrement à mettre à jour, la page de mise à jour doit lire le paramètre, récupérer l’enregistrement dans la table de base de données, puis le stocker temporairement dans un jeu d’enregistrements.
-
Configurez la zone Filtre de manière à ce que la valeur de votre colonne à clé soit égale à celle du paramètre d’URL correspondant transmis par la page de résultats.
Ce type de filtre crée un jeu d’enregistrements ne contenant que l’enregistrement spécifié par la page de résultats. Par exemple, si votre colonne à clé contient des informations d’ID d’enregistrement et s’appelle PRID et si la page principale transmet les informations d’ID d’enregistrement correspondantes dans le paramètre d’URL appelé id, votre zone Filtre doit avoir l’aspect suivant :
Surface de filtration
- un jeu d’enregistrements filtré permettant de récupérer l’enregistrement à partir d’une table de base de données ;
- un formulaire HTML permettant aux utilisateurs de modifier les données de l’enregistrement ;
- un comportement de serveur Mettre à jour l’enregistrement permettant de mettre à jour la base de données.
Vous pouvez insérer séparément les deux derniers éléments de base d’une page de mise à jour à l’aide des outils de formulaire et du panneau Comportements de serveur.
-
Insérez un objet de formulaire tel qu’un champ de texte (Insertion > Formulaire > Champ de texte) pour chaque colonne à mettre à jour dans la table de base de données.
Les objets de formulaire sont destinés à la saisie de données. On utilise souvent des champs de texte dans ce but, mais rien ne vous empêche d’utiliser des menus, des options et des boutons radio.
A chaque objet de formulaire doit correspondre une colonne dans le jeu d’enregistrements défini précédemment. La seule exception est la colonne à clé unique, qui ne doit pas avoir d’objet de formulaire correspondant.
-
(ColdFusion, PHP) Indiquez la colonne de base de données à mettre à jour. Dans le menu déroulant Valeur, sélectionnez l’objet de formulaire devant mettre à jour la colonne. Dans le menu déroulant Envoyer en tant que, sélectionnez le type de données de l’objet de formulaire, puis choisissez Clé primaire si vous souhaitez définir cette colonne comme étant la clé primaire.
-
(ASP) Dans le menu déroulant Sélectionner un enregistrement dans, indiquez le jeu contenant l’enregistrement affiché dans le formulaire HTML. 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.
-
(ASP) Indiquez la colonne de base de données à mettre à jour. Dans le menu déroulant Valeur, sélectionnez l’objet de formulaire devant mettre à jour la colonne. Dans le menu déroulant Envoyer en tant que, sélectionnez ensuite le type de données de l’objet de formulaire. Le type de données est celui qu’attend la colonne de la table de base de données (texte, numérique, valeurs d’option booléennes). Répétez cette procédure pour chaque objet du formulaire.
-
Dreamweaver ajoute à la page un comportement de serveur qui permet aux utilisateurs de mettre à jour les enregistrements d’une table de base de données ; pour ce faire, il leur suffit de modifier les informations affichées dans le formulaire HTML et de cliquer sur le bouton Envoyer.
Pour modifier le comportement de serveur, ouvrez le panneau Comportements de serveur (Fenêtre > Comportements de serveur) et double-cliquez sur le comportement Mettre à jour l’enregistrement.
un jeu d’enregistrements filtré permettant de récupérer l’enregistrement à partir d’une table de base de données ;
un formulaire HTML permettant aux utilisateurs de modifier les données de l’enregistrement ;
un comportement de serveur Mettre à jour l’enregistrement permettant de mettre à jour la base de données.
Vous pouvez insérer les deux derniers éléments d’une page de mise à jour en une seule étape à l’aide de l’objet de données Formulaire de mise à jour des enregistrements. Cet objet insère dans la page un formulaire HTML et un comportement de serveur Mettre à jour l’enregistrement.
Pour que vous puissiez utiliser l’objet de données, il faut que votre application Web soit capable d’identifier l’enregistrement à mettre à jour et que votre page de mise à jour soit en mesure de le récupérer.
Après avoir inséré les éléments sur la page au moyen de l’objet de données, vous pouvez utiliser les outils de conception de Dreamweaver pour personnaliser le formulaire ou le panneau Comportements de serveur pour modifier le comportement de serveur Mettre à jour l’enregistrement.
Remarque :
la page de mise à jour 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 Supprimer l’enregistrement.
-
Dans la zone Champs du formulaire, indiquez les colonnes de la table de base de données que chaque objet de formulaire doit mettre à jour.
Par défaut, Dreamweaver crée un objet de formulaire pour chaque colonne de la table de base de données. Si votre base de données génère automatiquement un ID de clé unique pour chaque enregistrement créé, supprimez l’objet de formulaire correspondant à la colonne à clé ; pour ce faire, sélectionnez l’objet dans la liste, puis cliquez sur le bouton Moins (-). Ainsi, l’utilisateur du formulaire ne pourra pas entrer une valeur d’ID qui existe déjà.
Vous pouvez également modifier l’ordre des objets de formulaire dans le formulaire HTML ; il vous suffit de sélectionner un objet dans la liste et de le déplacer dans cette dernière en cliquant sur la flèche vers le haut ou vers le bas située sur la droite de la boîte de dialogue.
-
Définissez la façon dont chaque champ de saisie de données doit s’afficher sur le formulaire HTML. Pour ce faire, cliquez sur une ligne du tableau Champs de formulaire et indiquez les informations suivantes dans les zones affichées sous la table :
Dans la zone Etiquette, saisissez la description à afficher à côté du champ de saisie de données. Par défaut, Dreamweaver affiche dans ce champ le nom de la colonne de la table.
Dans le menu déroulant Afficher comme, sélectionnez l’objet de formulaire à utiliser comme champ de saisie de données. Vous avez le choix entre Champ de texte, Zone de texte, Menu, Case à cocher, Groupe de boutons radio et Texte. Pour les entrées en lecture seule, choisissez Texte. Vous pouvez également choisir Champ Mot de passe, Champ de fichier et Champ masqué.
Remarque :
les champs masqués sont insérés à la fin du formulaire.
- Dans le menu déroulant Envoyer en tant que, sélectionnez le format de données qui sera accepté par cette colonne de la table de base de données. Par exemple, si les données numériques sont les seules admises, choisissez Numérique.
- Définissez les propriétés de l’objet de formulaire. Vous avez le choix entre plusieurs possibilités, en fonction de l’objet de formulaire sélectionné comme champ de saisie de données. Pour les champs de texte, les zones de texte et le texte, vous pouvez entrer une valeur initiale. Pour les menus et les groupes de boutons radio, ouvrez une autre boîte de dialogue afin de définir des propriétés. Pour les options, sélectionnez l’option Cochée ou Non cochée.
-
Définissez les propriétés des autres objets de formulaire en sélectionnant une autre ligne Champs du formulaire et en saisissant une étiquette, une valeur Afficher en tant que et une valeur Envoyer en tant que.
Pour les menus et les groupes de boutons radio, ouvrez une autre boîte de dialogue pour définir les propriétés. Pour les options, définissez une comparaison entre la valeur actuelle de l’enregistrement pour l’option et une valeur donnée afin de déterminer si l’option doit être activée ou désactivée lorsque l’enregistrement est affiché.
-
Dreamweaver insère dans la page un formulaire HTML et un comportement de serveur Mettre à jour l’enregistrement.
L’objet de données insère dans la page un formulaire HTML et un comportement de serveur Mettre à jour l’enregistrement. Les objets de formulaire sont disposés sur la page sous forme d’un tableau simple, que vous pouvez ensuite personnaliser à l’aide des outils de conception de page de Dreamweaver (assurez-vous qu’aucun objet de formulaire ne dépasse les limites du formulaire).
Pour modifier le comportement de serveur, ouvrez le panneau Comportements de serveur (Fenêtre > Comportements de serveur) et double-cliquez sur le comportement Mettre à jour l’enregistrement.
La boîte de dialogue Propriétés d’élément de formulaire a pour fonction de définir les options des éléments de formulaire figurant sur des pages qui permettent aux utilisateurs de mettre à jour les enregistrements d’une base de données.