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.

À propos de la création de pages d’insertion d’enregistrements

Votre application peut contenir une page permettant à l’utilisateur d’insérer de nouveaux enregistrements dans une base de données.

Une page d’insertion se compose de deux éléments :

  • un formulaire HTML permettant aux utilisateurs de saisir des données ;

  • un comportement de serveur Insérer l’enregistrement pour mettre à jour la base de données.

    Lorsque l’utilisateur clique sur le bouton Envoyer d’un formulaire, le comportement de serveur insère des enregistrements dans une table de base de données.

    Vous pouvez inclure ces éléments dans la page en une seule opération à l’aide de l’objet de données Formulaire d’insertion d’enregistrement ou les insérer individuellement à l’aide des outils de formulaire de Dreamweaver et du panneau Comportements de serveur.

Remarque :

la page d’insertion 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 Mettre à jour l’enregistrement ou Supprimer l’enregistrement.

Création d’une page d’insertion élément par élément

Vous pouvez également créer une page d’insertion à l’aide des outils de formulaires et des comportements de serveur.

Ajout d’un formulaire HTML dans une page d’insertion

  1. Créez une page dynamique (Fichier > Nouveau > Page vierge) et effectuez-en la mise en forme à l’aide des outils de création de Dreamweaver.
  2. 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.

  3. 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 Insérer un enregistrement définit automatiquement ces attributs.

  4. Insérez 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 insérer des enregistrements.

    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.

  5. 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.

Ajout d’un comportement de serveur destiné à l’insertion d’enregistrements dans une base de données (ColdFusion)

  1. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Insérer l’enregistrement dans le menu déroulant.
  2. Dans le menu déroulant Envoyer les valeurs à partir de, sélectionnez un formulaire.
  3. Dans le menu déroulant Source de données, sélectionnez une connexion à la base de données.
  4. Saisissez votre nom d’utilisateur et votre mot de passe.
  5. Dans le menu déroulant Insérer dans la table, sélectionnez la table de base de données dans laquelle insérer l’enregistrement.
  6. Indiquez la colonne de base de données dans laquelle vous souhaitez insérer l’enregistrement. Dans le menu déroulant Valeur, sélectionnez l’objet de formulaire devant insérer l’enregistrement. 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.

  7. 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.
  8. Cliquez sur OK.

    Dreamweaver ajoute à la page un comportement de serveur qui permet aux utilisateurs d’insérer des enregistrements dans une table de base de données. Pour ce faire, il leur suffit de compléter le formulaire HTML et de cliquer sur le bouton Envoyer.

Ajout d’un comportement de serveur destiné à l’insertion d’enregistrements dans une base de données (ASP)

  1. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Insérer l’enregistrement dans le menu déroulant.
  2. 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.

  3. 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.
  4. 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.
  5. Dans le menu déroulant Obtenir les valeurs de, sélectionnez le formulaire HTML à utiliser pour la saisie des données.

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

  6. Indiquez la colonne de base de données dans laquelle vous souhaitez insérer l’enregistrement. Dans le menu déroulant Valeur, sélectionnez l’objet de formulaire devant insérer l’enregistrement. 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.

  7. Cliquez sur OK.

    Dreamweaver ajoute à la page un comportement de serveur qui permet aux utilisateurs d’insérer des enregistrements dans une table de base de données. Pour ce faire, il leur suffit de compléter 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 Insérer un enregistrement.

Ajout d’un comportement de serveur destiné à l’insertion d’enregistrements dans une base de données (PHP)

  1. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Insérer l’enregistrement dans le menu déroulant.
  2. Dans le menu déroulant Envoyer les valeurs à partir de, sélectionnez un formulaire.
  3. Dans le menu déroulant Connexion, sélectionnez une connexion à la base de données.
  4. Dans le menu déroulant Insérer un tableau, sélectionnez la table de base de données dans laquelle vous souhaitez insérer l’enregistrement.
  5. Indiquez la colonne de base de données dans laquelle vous souhaitez insérer l’enregistrement. Dans le menu déroulant Valeur, sélectionnez l’objet de formulaire devant insérer l’enregistrement. 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.

  6. 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.
  7. Cliquez sur OK.

    Dreamweaver ajoute à la page un comportement de serveur qui permet aux utilisateurs d’insérer des enregistrements dans une table de base de données. Pour ce faire, il leur suffit de compléter le formulaire HTML et de cliquer sur le bouton Envoyer.

Création de la page d’insertion en une seule opération

  1. 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.
  2. 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.
  3. 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.
  4. Si vous utilisez ColdFusion, saisissez le nom d’utilisateur et le mot de passe.
  5. 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.
  6. 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, 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.

  7. 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.  
  8. 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.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne