Création de pages principales et détaillées sous Dreamweaver

Pour créer une page vierge, sélectionnez Fichier > Nouveau > Page vierge, sélectionnez un type de page et cliquez sur Créer. Cette page devient la page principale.

Définissez un jeu d’enregistrements.

Dans le panneau Liaisons (Fenêtre > Liaisons), cliquez sur le bouton Plus (+), sélectionnez Jeu d'enregistrements et choisissez les options. Si vous voulez rédiger votre propre instruction SQL, cliquez sur Avancé.

Assurez-vous que le jeu d'enregistrements contient toutes les colonnes de table nécessaires pour créer votre gabarit de page. Le jeu d'enregistrements doit également inclure la colonne de table contenant la clé unique de chaque enregistrement, c'est-à-dire la colonne ID d'enregistrement. Dans l'exemple suivant, la colonne Code contient la clé unique de chaque enregistrement.

En général, le jeu d'enregistrements sur le gabarit de page extrait quelques colonnes d'une table de base de données alors que le jeu d'enregistrements sur la page de détail extrait davantage de colonnes de la même table pour fournir les détails supplémentaires.

Le jeu d'enregistrements peut être défini par l'utilisateur au moment de l'exécution. Pour plus d'informations, voir Création de pages de recherche et de résultats.

Insérez un tableau dynamique afin d’afficher les enregistrements.

Placez le point d'insertion où vous souhaitez que le tableau dynamique apparaisse sur la page. Sélectionnez Insertion > Objets de données > Données dynamiques > Tableau dynamique, définissez les options et cliquez sur OK.

Si vous ne souhaitez pas afficher les ID d'enregistrement aux utilisateurs, vous pouvez supprimer la colonne du tableau dynamique. Cliquez n'importe où sur la page pour déplacer le thème vers la page. Déplacez le curseur près du haut de la colonne dans le tableau dynamique jusqu'à ce que les cellules de colonne soient soulignées en rouge, puis cliquez pour sélectionner la colonne. Appuyez sur Supprimer pour supprimer la colonne du tableau.

Dans le tableau dynamique, sélectionnez l'espace réservé de contenu pour le texte qui servira de lien.

Dans l'inspecteur de propriétés, cliquez sur l'icône de dossier à côté de la zone Lien.

Parcourez vos fichiers afin de sélectionner la page de détails. La page de détail s'affiche dans la zone Lien de l'inspecteur de propriétés.

Dans le tableau dynamique, le texte sélectionné apparaît lié. Lorsque la page s'exécute sur le serveur, le lien est appliqué au texte dans chaque ligne de tableau.

Dans la page principale, sélectionnez le lien dans le tableau dynamique.

(ColdFusion) Dans la zone Lien de l'inspecteur de propriétés, ajoutez la chaîne suivante à la fin de l'URL :

?recordID=#recordsetName.fieldName#

Le point d'interrogation indique au serveur que ce qui suit est un ou plusieurs paramètres d'URL. Le mot recordID est le nom du paramètre d'URL (vous pouvez inventer n'importe quel nom). Notez le nom du paramètre d'URL car vous l'utiliserez dans la page de détail plus tard.

L'expression après le signe égal est la valeur du paramètre. Dans ce cas, la valeur est générée par une expression ColdFusion qui renvoie un identifiant d'enregistrement du recordset. Un identifiant différent est généré pour chaque ligne du tableau dynamique. Dans l'expression ColdFusion, remplacez recordsetName par le nom de votre recordset, et remplacez fieldName par le nom du champ de votre recordset qui identifie de manière unique chaque enregistrement. Dans la plupart des cas, le champ consistera en un numéro d'identifiant d'enregistrement. Dans l'exemple suivant, le champ consiste en des codes de localisation uniques.

locationDetail.cfm?recordID=#rsLocations.CODE#

Lorsque la page s'exécute, les valeurs du champ CODE du recordset sont insérées dans les lignes correspondantes du tableau dynamique. Par exemple, si la location de Canberra, Australie, a le code CBR, l'URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

locationDetail.cfm?recordID=CBR

(PHP) Dans le champ Lien de l'inspecteur de propriétés, ajoutez la chaîne suivante à la fin de l'URL :

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

Le point d'interrogation indique au serveur que ce qui suit est un ou plusieurs paramètres d'URL. Le mot recordID est le nom du paramètre d'URL (vous pouvez utiliser n'importe quel nom). Notez bien le nom du paramètre d'URL car vous l'utiliserez dans la page de détail plus tard.

L'expression après le signe égal est la valeur du paramètre. Dans ce cas, la valeur est générée par une expression PHP qui renvoie un ID d'enregistrement du jeu d'enregistrements. Un identifiant différent est généré pour chaque ligne du tableau dynamique.Dans l'expression PHP, remplacez recordsetName par le nom de votre jeu d'enregistrements et remplacez fieldName par le nom du champ de votre jeu d'enregistrements qui identifie de façon unique chaque enregistrement. Dans la plupart des cas, le champ sera constitué d'un numéro d'ID d'enregistrement. Dans l'exemple suivant, le champ est constitué de codes d'emplacement uniques.

locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

Lorsque la page s'exécute, les valeurs du champ CODE du jeu d'enregistrements sont insérées dans les lignes correspondantes du tableau dynamique. Par exemple, si le lieu de location Canberra, Australie, a le code CBR, l'URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

locationDetail.php?recordID=CBR

Enregistrez la page.

Sélectionnez le contenu dynamique à utiliser comme lien.

Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et sélectionnez Aller à la page de détail dans le menu contextuel.

Dans la boîte de dialogue page de détails, cliquez sur Parcourir et recherchez la page.

Spécifiez la valeur que vous souhaitez transmettre à la page de détail en sélectionnant un jeu d'enregistrements et une colonne dans les menus contextuels Jeu d'enregistrements et Colonne. En général, la valeur est unique à l'enregistrement, telle que l'ID de clé unique de l'enregistrement.

Si vous le souhaitez, transmettez les paramètres de page existants à la page de détail en sélectionnant les options Paramètres d'URL ou Paramètres de formulaire.

Cliquez sur OK.

Un lien spécial entoure le texte sélectionné. Lorsque l'utilisateur clique sur le lien, le comportement de serveur Aller à la page de détail transmet un paramètre d'URL contenant l'ID d'enregistrement à la page de détail. Par exemple, si le paramètre d'URL s'appelle id et que la page de détail s'appelle customerdetail.asp, l'URL ressemble à ceci lorsque l'utilisateur clique sur le lien :

http://www.mysite.com/customerdetail.asp?id=43

La première partie de l'URL, http://www.mysite.com/customerdetail.asp, ouvre la page de détail. La deuxième partie, ?id=43, constitue le paramètre d’URL. Elle précise à la page de détails quel enregistrement trouver et afficher. Le terme id est le nom du paramètre d'URL et 43 est sa valeur. Dans cet exemple, le paramètre d'URL contient le numéro d'ID de l'enregistrement, 43.

Passez à la page de détails. Si vous n'avez pas encore de page de détail, créez une page vierge (Fichier > Nouveau).

Dans le panneau Liaisons (Fenêtre > Liaisons), cliquez sur le bouton Plus (+) et sélectionnez Jeu d'enregistrements (Requête) ou Ensemble de données (Requête) dans le menu contextuel.

La boîte de dialogue Jeu d’enregistrements ou Jeu de données simplifiée s’affiche. Si la boîte de dialogue avancée s'affiche à la place, cliquez sur Simple.

Nommez le jeu d'enregistrements, puis sélectionnez une source de données et la table de base de données qui fournira les données à votre jeu d'enregistrements.

Dans la zone Colonnes, sélectionnez les colonnes de table à inclure dans le jeu d'enregistrements.

Le jeu d'enregistrements peut être identique ou différent du jeu d'enregistrements sur le gabarit de page. En général, un jeu d'enregistrements de page de détail comporte plus de colonnes pour afficher plus de détails.

Si les jeux d'enregistrements sont différents, assurez-vous que le jeu d'enregistrements de la page de détail contient au moins une colonne commune avec le jeu d'enregistrements du gabarit de page. La colonne commune est généralement la colonne ID d'enregistrement, mais elle peut aussi être le champ de jointure des tables associées.

Pour inclure seulement certaines colonnes de la table dans le jeu d'enregistrements, cliquez sur Sélectionné et choisissez les colonnes souhaitées en cliquant tout en maintenant la touche Contrôle (Windows) ou Commande (Macintosh) enfoncée dans la liste.

Complétez la section Filtre pour rechercher et afficher l'enregistrement spécifié dans le paramètre d'URL transmis par le gabarit de page :

• Dans le premier menu contextuel de la zone Filtre, sélectionnez la colonne du jeu d'enregistrements contenant les valeurs qui correspondent à la valeur du paramètre d'URL transmis par le gabarit de page. Par exemple, si le paramètre d'URL contient un numéro d'ID d'enregistrement, sélectionnez la colonne contenant les numéros d'ID d'enregistrement. Dans l'exemple abordé dans la section précédente, la colonne du jeu d'enregistrements appelée CODE contient les valeurs qui correspondent à la valeur du paramètre d'URL transmis par le gabarit de page.

• Dans le menu contextuel à côté du premier menu, sélectionnez le signe égal (il devrait déjà être sélectionné).

• Dans le troisième menu déroulant, choisissez Paramètre d'URL. Le gabarit de page utilise un paramètre d'URL pour transmettre des informations à la page de détail.

• Dans la quatrième zone, entrez le nom du paramètre d'URL transmis par le gabarit de page.

Cliquez sur OK. Le jeu d’enregistrements s’affiche dans le panneau Liaisons.

Liez les colonnes du jeu d'enregistrements à la page de détail en sélectionnant les colonnes dans le panneau Liaisons (Fenêtre > Liaisons) et en les faisant glisser sur la page.

Après avoir chargé le gabarit de page et les pages de détail sur le serveur, vous pouvez ouvrir le gabarit de page dans un navigateur. Après avoir cliqué sur un lien de détail du gabarit de page, la page de détail s'ouvre et affiche davantage d'informations sur l'enregistrement sélectionné.

Créez une page répondant aux conditions suivantes :

• Un identifiant d'enregistrement contenu dans un paramètre d'URL transmis par une autre page à la page actuelle.Vous pouvez créer des paramètres d'URL sur l'autre page à l'aide de liens hypertexte HTML ou d'un formulaire HTML.Pour plus d'informations, consultez Utilisation des formulaires pour collecter des informations auprès des utilisateurs.

• Un jeu d'enregistrements a été défini pour la page courante. Le comportement de serveur extrait les détails de l'enregistrement de ce jeu d'enregistrements. Pour obtenir des instructions, consultez Définir un jeu d'enregistrements sans écrire de code SQL ou Définir un jeu d'enregistrements avancé en écrivant du code SQL.

• Des colonnes de jeu d'enregistrements ont été liées à la page. L'enregistrement spécifique doit être affiché sur la page. Pour plus d'informations, consultez Rendre le texte dynamique.

Ajoutez le comportement de serveur pour rechercher l'enregistrement spécifié par le paramètre d'URL en cliquant sur le bouton Plus (+) du panneau Comportements de serveur (Fenêtre > Comportements de serveur) et en sélectionnant Pagination de jeu d'enregistrements > Aller à un enregistrement spécifique.

Dans le menu contextuel Aller à l'enregistrement dans, sélectionnez le jeu d'enregistrements que vous avez défini pour la page.

Dans le menu contextuel Où la colonne, sélectionnez la colonne qui contient la valeur transmise par l'autre page.

Par exemple, si l'autre page transmet un numéro d'ID d'enregistrement, sélectionnez la colonne contenant les numéros d'ID d'enregistrement.

Dans la zone Correspond au paramètre d'URL, saisissez le nom du paramètre d'URL transmis par l'autre page.

Par exemple, si l'URL utilisée par l'autre page pour ouvrir la page de détails est id=43, saisissez id dans la zone Correspond au paramètre d'URL.

Cliquez sur OK.

La prochaine fois que la page sera demandée par un navigateur, le comportement du serveur lira l'ID d'enregistrement dans le paramètre d'URL transmis par l'autre page et ira à l'enregistrement spécifié dans le jeu d'enregistrements.

Pour créer une page dynamique vierge, sélectionnez Fichier > Nouveau > Page vierge, sélectionnez une page dynamique dans la liste Type de page et cliquez sur Créer.

Cette page devient la page principale.

Définissez un jeu d’enregistrements pour la page.

Assurez-vous que le jeu d'enregistrements contient non seulement toutes les colonnes dont vous aurez besoin pour la page maître, mais aussi toutes les colonnes dont vous aurez besoin pour la page de détails. En général, le jeu d'enregistrements du gabarit de page extrait quelques colonnes d'une table de base de données tandis que le jeu d'enregistrements de la page de détails extrait davantage de colonnes de la même table pour fournir les détails supplémentaires.

Ouvrez la page maître en mode Création et sélectionnez Insertion > Objets de données > Jeu de pages maître-détails.

Dans le menu contextuel Jeu d'enregistrements, assurez-vous que le jeu d'enregistrements contenant les enregistrements que vous souhaitez afficher sur le gabarit de page est sélectionné.

Dans la zone Champs du gabarit de page, sélectionnez les colonnes du jeu d'enregistrements à afficher sur le gabarit de page.

Par défaut, toutes les colonnes du jeu d’enregistrements sont sélectionnées. Si votre jeu d'enregistrements contient une colonne de clé unique telle que recordID, sélectionnez-la et cliquez sur le bouton Moins (-) pour qu'elle ne soit pas affichée sur votre page.

Pour modifier l'ordre dans lequel les colonnes apparaissent sur le gabarit de page, sélectionnez une colonne dans la liste et cliquez sur la flèche haut ou bas.

Sur le gabarit de page, les colonnes du jeu d'enregistrement seront organisées horizontalement dans un tableau.Un clic sur la flèche haut déplace la colonne vers la gauche ; un clic sur la flèche bas déplace la colonne vers la droite.

Dans le menu contextuel Lier aux détails depuis, sélectionnez la colonne du jeu d'enregistrements qui affichera une valeur qui sert également de lien vers la page de détails.

Par exemple, si vous voulez que chaque nom de produit sur votre gabarit de page ait un lien vers la page de détail, sélectionnez la colonne du jeu d'enregistrements contenant les noms de produits.

Dans le menu contextuel Transmettre une clé unique, sélectionnez la colonne du jeu d'enregistrements contenant les valeurs identifiant les enregistrements.

En général, la colonne choisie est le numéro d’identification de l’enregistrement. Cette valeur est transmise à la page de détail afin qu'elle puisse identifier l'enregistrement choisi par l'utilisateur.

Désélectionnez l'option Numérique si la colonne de clé unique n'est pas numérique.

Spécifiez le nombre d'enregistrements à afficher sur le gabarit de page.

Dans la zone Nom de la page de détail, cliquez sur Parcourir et localisez le fichier de page de détail que vous avez créé, ou entrez un nom et laissez l'objet de données en créer un pour vous.

Dans la zone Champs de la page de détail, sélectionnez les colonnes à afficher sur la page de détail.

Par défaut, toutes les colonnes du jeu d'enregistrements du gabarit de page sont sélectionnées.Si le jeu d'enregistrements contient une colonne de clé unique telle que recordID, sélectionnez-la et cliquez sur le bouton Moins (-) pour qu'elle ne s'affiche pas sur la page de détail.

Pour modifier l'ordre d'apparition des colonnes sur la page de détail, sélectionnez une colonne dans la liste et cliquez sur la flèche vers le haut ou vers le bas.

Sur la page de détail, les colonnes du jeu d'enregistrements sont organisées verticalement dans un tableau.Cliquer sur la flèche vers le haut déplace la colonne vers le haut ; cliquer sur la flèche vers le bas déplace la colonne vers le bas.

Cliquez sur OK.

L'objet de données crée une page de détail (si vous n'en avez pas déjà créé une) et ajoute du contenu dynamique et des comportements de serveur aux pages gabarit et de détail.

Personnalisez la mise en page des pages gabarit et de détail selon vos besoins.

Vous pouvez entièrement personnaliser la mise en page de chaque page en utilisant les outils de conception de page de Dreamweaver.Vous pouvez également modifier les comportements de serveur en double-cliquant dessus dans le panneau Comportements de serveur.

Après avoir créé les pages gabarit et de détail avec l'objet de données, utilisez le panneau Comportements de serveur (Fenêtre > Comportements de serveur) pour modifier les divers blocs de construction que l'objet de données insère dans les pages.