Dreamweaver CS3 intègre la fonction Spry. Nous savons tous que Spry a pour fonction de traiter les données XML. Nous l'avons également vu, mais la fonction de zone détaillée de Spry semble rare.
La zone de détails Spry est quelque peu similaire à la fonction de la page de liste d'actualités et de la page de détails principale du système d'actualités. Par exemple, lorsque nous regardons l'actualité, une des pages affichera uniquement les titres de toutes les actualités. Lorsque le titre vous intéresse, vous pouvez cliquer sur le titre pour ouvrir une nouvelle page Web et visualiser l'intégralité du contenu de l'actualité. . Ensuite, la page qui affiche la liste de tous les titres est appelée « page d'accueil », et la page qui affiche un contenu d'actualité spécifique est appelée « page de détail ».
Évidemment, cette page de détail principale doit comporter au moins deux pages. La zone détaillée Spry que nous utilisons peut être affichée sur une page Web sans actualisation.
1. Créez une nouvelle page Web et liez l'ensemble de données Spry XML
Ouvrez le panneau [Insérer] dans la page Web et cliquez sur [Ensemble de données XML Spry] sous l'onglet [Spry].
2. Sélectionnez la source de données XML
La boîte de dialogue [Spry XML Data Set] apparaît [Source XML] peut être des données XML dans le répertoire local ou des données XML distantes inter-domaines.
Cliquez sur le bouton [Obtenir le schéma] et sélectionnez les éléments répétés précieux dans les données XML dans la zone de liste [Élément de ligne] Voici l'élément "élément" sélectionné (le signe + dans le coin supérieur droit du signe <> indique plusieurs boucles. ).
PS Si vous créez une page d'agrégation de données XML pure, vous pouvez également sélectionner [Désactiver la mise en cache des données XML] et sélectionner l'heure d'actualisation automatique des données pour obtenir automatiquement la synchronisation des données à distance.
3. Insérez le tableau Spry et affichez les données Spry XML sur la page
Cliquez sur le bouton [Spry Table] sous l'onglet [Spry] du panneau [Insérer] et supprimez les [Colonnes] qui n'ont pas besoin d'être affichées dans la boîte de dialogue contextuelle.
Il est important de sélectionner la zone de détail « Mettre à jour » qui sera utilisée lors du clic sur les lignes.
[OK] Insérez la table Spry, indiquant que la zone Spry doit être insérée. Parce que toutes les données Spry XML doivent être affichées dans la zone Spry.
Quatrièmement, insérez la zone détaillée Spry
Tout d'abord, restez avec le curseur de la souris après la "Table Spry" qui a été insérée dans la page et continuez à cliquer sur le bouton [Zone Spry] sous l'onglet [Spry] du panneau [Insérer].
Dans la boîte de dialogue contextuelle, le [Type] doit être sélectionné comme « Zone détaillée » pour indiquer que la zone détaillée Spry actuelle est utilisée.
5. Insérez "Détails" dans la zone de détails Spry
Placez le curseur de la souris dans la zone détaillée de Spry, ouvrez le panneau [Reliure] et sélectionnez l'élément « description » à [Insérer] dans la zone détaillée de Spry.
L'enregistrement de la page Web nous invitera à enregistrer les fichiers de l'effet Spry. N'oubliez pas de télécharger ces fichiers ensemble lors du téléchargement.
6. Effet de prévisualisation
Affichez les données XML distantes sur tous les domaines et cliquez sur le titre de chaque ligne pour ouvrir le contenu et l'afficher sur la page actuelle sans l'actualiser, ce qui est très bien.
