|
Ressources de Dreamweaver CS4
|
Finalisation de la page d'actualisation élément par élément
Une page de mise à jour est constituée de trois éléments :
Ajout d'un formulaire HTML dans une page d'actualisation- Créez une page (Fichier > Nouveau > Page vierge) Cette page devient la page de mise à jour.
- Mettez la page en forme à l'aide des outils de conception de Dreamweaver.
- Pour ajouter le formulaire HTML, placez le point d'insertion à l'endroit où le formulaire doit apparaître, puis sélectionnez Insertion > Formulaire > Formulaire.
Un formulaire vierge est créé sur la page. Il est parfois nécessaire d'activer les éléments invisibles (Affichage > Assistances visuelles > Eléments invisibles) pour afficher les contours du formulaire, représentés par de fines lignes rouges.
- Pour nommer le formulaire HTML, commencez par le sélectionner en cliquant sur la balise <form> au bas de la fenêtre de document, ouvrez l'inspecteur Propriétés (Fenêtre > Propriétés), puis entrez un nom dans la zone Nom du formulaire.
Vous n'avez pas besoin de définir l'attribut action ou method du formulaire pour lui indiquer où et comment envoyer les données d'enregistrement lorsque l'utilisateur clique sur le bouton Envoyer. Le comportement de serveur Mettre à jour un enregistrement définit automatiquement ces attributs.
- 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.
- Ajoutez un bouton Envoyer au formulaire (Insertion > Formulaire > Bouton).
Vous pouvez modifier l'étiquette du bouton Envoyer ; pour ce faire, sélectionnez ce bouton, ouvrez l'inspecteur Propriétés (Fenêtre > Propriétés) et entrez une nouvelle valeur dans la zone Etiquette.
Affichage de l'enregistrement dans le formulaire- Assurez-vous que vous avez défini au préalable un jeu d'enregistrements pour stocker l'enregistrement à mettre à jour.
Consultez la section Récupération de l'enregistrement à mettre à jour.
- Liez chaque objet du formulaire à des données du jeu d'enregistrements, comme décrit dans les sections suivantes :
Ajout d'un comportement de serveur destiné à la mise à jour de la base de données- Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Mettre à jour l'enregistrement dans le menu déroulant.
La boîte de dialogue Mettre à jour l'enregistrement s'affiche.
- Dans le menu déroulant Envoyer les valeurs à partir de, sélectionnez un formulaire.
- Dans le menu déroulant Source de données ou Connexion, sélectionnez une connexion à la base de données.
- Tapez votre nom d'utilisateur et votre mot de passe, le cas échéant.
- Dans le menu déroulant Mettre à jour la table, sélectionnez la table de base de données qui contient l'enregistrement à mettre à jour.
- (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.
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.
- (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.
- Dans la zone Après la mise à jour, aller à ou En cas de réussite, aller à, indiquez la page à ouvrir après mise à jour de l'enregistrement dans la table ou cliquez sur le bouton Parcourir pour naviguer jusqu'au fichier.
- (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.
- Cliquez sur OK.
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.
|
PDF (adobe.com)
