Création d’une page d’insertion d’enregistrements

Créez une page dynamique (Fichier > Nouveau > Page vierge) et concevez votre page en utilisant les outils de conception Dreamweaver.

Ajoutez un formulaire HTML en plaçant le point d'insertion à l'endroit où vous voulez que le formulaire apparaisse et en sélectionnant Insertion > Formulaire > Formulaire.

Un formulaire vierge est créé sur la page. Il se peut que vous deviez activer Éléments invisibles (Affichage > Aides visuelles > Éléments invisibles) pour voir les limites du formulaire, qui sont représentées par de fines lignes rouges.

Nommez le formulaire HTML en cliquant sur la balise <form> en bas de la fenêtre Document pour sélectionner le formulaire, en ouvrant l'Inspecteur de propriétés (Fenêtre > Propriétés) et en saisissant un nom dans la zone Nom du formulaire.

Vous n'avez pas besoin de spécifier un attribut action ou method pour le 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 Insérer un enregistrement définit ces attributs pour vous.

Ajoutez un objet de formulaire tel qu'un champ de texte (Insertion > Formulaire > Champ de texte) pour chaque colonne de la table de base de données dans laquelle vous voulez insérer des enregistrements.

Les objets de formulaire sont destinés à la saisie de données. Les champs de texte sont courants pour cela, mais vous pouvez également utiliser des menus, des options et des cases d'option.

Ajoutez un bouton Envoyer au formulaire (Insertion > Formulaire > Bouton).

Vous pouvez modifier le libellé du bouton Envoyer en sélectionnant le bouton, en ouvrant l'Inspecteur de propriétés (Fenêtre > Propriétés) et en saisissant une nouvelle valeur dans la zone Libellé.

Dans le panneau Comportements du serveur (Fenêtre > Comportements du serveur), cliquez sur le bouton Plus (+) et sélectionnez Insérer un enregistrement dans le menu contextuel.

Dans le menu déroulant Envoyer les valeurs à partir de, sélectionnez un formulaire.

Dans le menu contextuel Source de données, sélectionnez une connexion à la base de données.

Saisissez votre nom d’utilisateur et votre mot de passe.

Dans le menu contextuel Insérer dans la table, sélectionnez la table de base de données dans laquelle insérer l'enregistrement.

Spécifiez une colonne de base de données dans laquelle insérer l'enregistrement, sélectionnez l'objet de formulaire qui insérera l'enregistrement dans le menu contextuel Valeur, puis sélectionnez un type de données pour l'objet de formulaire dans le menu contextuel Envoyer comme.

Le type de données est le type de données que la colonne de votre table de base de données attend (texte, numérique, valeurs d'option booléennes).

Répétez la procédure pour chaque objet de formulaire de votre formulaire.

Dans la zone Après insertion, aller à, saisissez la page à ouvrir après l'insertion de l'enregistrement dans la table ou cliquez sur le bouton Parcourir pour sélectionner le fichier.

Cliquez sur OK.

Dreamweaver ajoute un comportement serveur à la page qui permet aux utilisateurs d'insérer des enregistrements dans une table de base de données en remplissant le formulaire HTML et en cliquant sur le bouton Envoyer.

Dans le panneau Comportements du serveur (Fenêtre > Comportements du serveur), cliquez sur le bouton Plus (+) et sélectionnez Insérer un enregistrement dans le menu contextuel.

Dans le menu contextuel 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 contextuel Insérer dans la table, sélectionnez la table de base de données dans laquelle l'enregistrement doit être inséré.

Dans la zone Après insertion, aller à, saisissez la page à ouvrir après l'insertion de l'enregistrement dans la table ou cliquez sur Parcourir pour accéder au fichier.

Dans le menu contextuel Obtenir les valeurs depuis, sélectionnez le formulaire HTML utilisé pour saisir les données.

Dreamweaver sélectionne automatiquement le premier formulaire sur votre page.

Spécifiez une colonne de base de données pour insérer l'enregistrement, sélectionnez l'objet de formulaire qui insérera l'enregistrement dans le menu contextuel Valeur, puis sélectionnez un type de données pour l'objet de formulaire dans le menu contextuel Soumettre comme.

Le type de données correspond au type de données que la colonne de votre table de base de données attend (texte, numérique, valeurs d'option booléennes).

Répétez la procédure pour chaque objet de formulaire dans votre formulaire.

Cliquez sur OK.

Dreamweaver ajoute un comportement de serveur à la page qui permet aux utilisateurs d'insérer des enregistrements dans une table de base de données en remplissant le formulaire HTML et en cliquant sur le bouton Envoyer.

Pour modifier le comportement du serveur, ouvrez le panneau des comportements de serveur (Fenêtre > Comportements de serveur) et double-cliquez sur le comportement Insérer un enregistrement.

Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et sélectionnez Insérer un enregistrement dans le menu contextuel.

Dans le menu déroulant Envoyer les valeurs à partir de, sélectionnez un formulaire.

Dans le menu contextuel Connexion, sélectionnez une connexion à la base de données.

Dans le menu contextuel Insérer dans la table, sélectionnez la table de base de données dans laquelle insérer l'enregistrement.

Spécifiez une colonne de base de données pour insérer l'enregistrement, sélectionnez l'objet de formulaire qui insérera l'enregistrement dans le menu contextuel Valeur, puis sélectionnez un type de données pour l'objet de formulaire dans le menu contextuel Soumettre comme.

Le type de données correspond au type de données que la colonne de votre table de base de données attend (texte, numérique, valeurs d'option booléennes).

Répétez la procédure pour chaque objet de formulaire de votre formulaire.

Dans la zone Après insertion, aller à, entrez la page à ouvrir après l'insertion de l'enregistrement dans la table ou cliquez sur le bouton Parcourir pour parcourir jusqu'au fichier.

Cliquez sur OK.

Dreamweaver ajoute un comportement de serveur à la page qui permet aux utilisateurs d'insérer des enregistrements dans une table de base de données en remplissant le formulaire HTML et en cliquant sur le bouton Envoyer.

Ouvrez la page en mode Création et sélectionnez Insertion > Objets de données > Insérer un enregistrement > Assistant de formulaire d'insertion d'enregistrement.

Dans le menu contextuel 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 contextuel Insérer dans la table, sélectionnez la table de base de données dans laquelle l'enregistrement doit être inséré.

Si vous utilisez ColdFusion, saisissez le nom d’utilisateur et le mot de passe.

Dans la zone Après insertion, aller à, entrez la page à ouvrir après l'insertion de l'enregistrement dans la table ou cliquez sur le bouton Parcourir pour parcourir 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, et quelles colonnes de votre table de base de données 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 des ID de clés uniques pour chaque nouvel enregistrement créé, supprimez l'objet de formulaire correspondant à la colonne de clé en le sélectionnant dans la liste et en cliquant sur le bouton Moins (-).Cela élimine le risque que l'utilisateur du formulaire saisisse une valeur d'ID qui existe déjà.

Vous pouvez également modifier l'ordre des objets de formulaire sur le formulaire HTML en sélectionnant un objet de formulaire dans la liste et en cliquant sur la flèche haut ou bas sur le côté droit de la boîte de dialogue.

Spécifiez comment chaque champ de saisie de données doit être affiché sur le formulaire HTML en cliquant sur une ligne dans le tableau Champs de formulaire et en saisissant les informations suivantes dans les zones situé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 le nom de la colonne du tableau dans le libellé.

• 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é.

• 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 ajoute à la fois un formulaire HTML et un comportement de serveur Insérer un enregistrement à votre page. Les objets de formulaire sont disposés dans un tableau de base, que vous pouvez personnaliser à l'aide des outils de conception de page Dreamweaver.(Assurez-vous que tous les objets de formulaire restent dans les limites du formulaire.)

Pour modifier le comportement du serveur, ouvrez le panneau Comportements de serveur (Fenêtre > Comportements de serveur) et double-cliquez sur le comportement Insérer un enregistrement.