Ressources de Dreamweaver CS4
|
Création de la page d'insertion en une seule opération
- Ouvrez la page en mode Création, puis sélectionnez Insertion > Objets de données > Insérer un enregistrement > Assistant de formulaire d'insertion d'enregistrement.
- 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 Insérer dans la table, sélectionnez la table de base de données dans laquelle vous souhaitez insérer l'enregistrement.
- Si vous utilisez ColdFusion, saisissez le nom d'utilisateur et le mot de passe.
- Dans la zone Après l'insertion, aller à, indiquez la page à ouvrir après insertion de l'enregistrement dans la table ou cliquez sur le bouton Parcourir pour naviguer jusqu'au fichier.
- Dans la zone Champs de formulaire, spécifiez les objets de formulaire que vous souhaitez inclure dans le formulaire HTML de la page d'insertion, ainsi que les colonnes de la base de données que chaque objet de formulaire devra 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 devra être affiché dans le formulaire HTML en cliquant sur une ligne du tableau Champs de formulaire et en entrant les informations suivantes dans les zones affichées sous le tableau :
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 accepté par 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.
- Cliquez sur OK.
Dreamweaver insère dans la page un formulaire HTML et un comportement de serveur Insérer 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 Insérer un enregistrement.
|