Ressources de Dreamweaver CS4

Finalisation de la page de mise à jour en une seule opération

Une page de mise à jour est constituée de trois éléments :

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.

Ouvrez la page en mode Création, puis choisissez Insertion > Objets de données > Mettre à jour l'enregistrement > Assistant de formulaire de mise à jour des enregistrements.
La boîte de dialogue Formulaire de mise à jour des enregistrements s'affiche.
Dans le menu déroulant Connexion, sélectionnez une connexion à la base de données.
Cliquez sur le bouton Définir si vous devez définir une connexion.
Dans le menu déroulant Table à mettre à jour, sélectionnez la table de base de données qui contient l'enregistrement à mettre à jour.
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 à, indiquez la page à ouvrir après la mise à jour de l'enregistrement dans la table.
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 et 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é.
Cliquez sur OK.
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.