Dreamweaver CS3 integriert die Spry-Funktion. Wir alle wissen, dass Spry die Funktion zur Verarbeitung von XML-Daten hat, aber die detaillierte Bereichsfunktion von Spry scheint selten zu sein.
Der Spry-Detailbereich ähnelt in gewisser Weise der Funktion der Nachrichtenlistenseite und der Hauptdetailseite im Nachrichtensystem. Wenn wir beispielsweise die Nachrichten ansehen, werden auf einer der Seiten nur die Titel aller Nachrichten angezeigt. Wenn Sie sich für den Titel interessieren, können Sie auf den Titel klicken, um eine neue Webseite zu öffnen und den gesamten Inhalt der Nachrichten anzuzeigen . Dann wird die Seite, auf der die Liste aller Titel angezeigt wird, als „Startseite“ bezeichnet, und die Seite, auf der bestimmte Nachrichteninhalte angezeigt werden, wird als „Detailseite“ bezeichnet.
Natürlich muss diese Hauptdetailseite mindestens zwei Seiten umfassen. Der von uns verwendete Spry-Detailbereich kann ohne Aktualisierung auf einer Webseite angezeigt werden.
1. Erstellen Sie eine neue Webseite und binden Sie den Spry XML-Datensatz
Öffnen Sie das Bedienfeld [Einfügen] auf der Webseite und klicken Sie auf der Registerkarte [Spry] auf [Spry XML Data Set].
2. Wählen Sie XML-Datenquelle aus
Das Dialogfeld [Spry XML-Datensatz] wird angezeigt. Bei der [XML-Quelle] handelt es sich um XML-Daten im lokalen Verzeichnis oder um domänenübergreifende Remote-XML-Daten.
Klicken Sie auf die Schaltfläche [Schema abrufen] und wählen Sie im Listenfeld [Zeilenelement] wertvolle wiederholte Elemente in den XML-Daten aus. Hier ist das ausgewählte Element „item“ (das +-Zeichen in der oberen rechten Ecke des <>-Zeichens weist auf mehrere Schleifen hin). ).
PS: Wenn Sie eine reine XML-Datenaggregationsseite erstellen, können Sie auch [XML-Datencache deaktivieren] auswählen und den Zeitpunkt für die automatische Aktualisierung der Daten auswählen, um automatisch eine Remote-Datensynchronisierung zu erhalten.
3. Fügen Sie die Spry-Tabelle ein und zeigen Sie die Spry-XML-Daten auf der Seite an
Klicken Sie auf die Schaltfläche [Spry-Tabelle] unter der Registerkarte [Spry] des Bedienfelds [Einfügen] und löschen Sie die [Spalten], die nicht im Popup-Dialogfeld angezeigt werden müssen.
Es ist wichtig, den Detailbereich „Aktualisieren“ auszuwählen, der beim Klicken auf Zeilen verwendet wird.
[OK] Fügen Sie die Spry-Tabelle ein und weisen Sie darauf hin, dass der Spry-Bereich eingefügt werden muss. Denn alle Spry-XML-Daten müssen im Spry-Bereich angezeigt werden.
Viertens fügen Sie den Spry-Detailbereich ein
Bleiben Sie zunächst mit dem Mauszeiger hinter der „Spry-Tabelle“, die in die Seite eingefügt wurde, und klicken Sie dann weiter auf die Schaltfläche [Spry-Bereich] unter der Registerkarte [Spry] des Bedienfelds [Einfügen].
Im Popup-Dialogfeld muss als [Typ] „Detaillierter Bereich“ ausgewählt werden, um anzugeben, dass der aktuelle Spry-Detailbereich verwendet wird.
5. Fügen Sie „Details“ in den Spry-Detailsbereich ein
Platzieren Sie den Mauszeiger im Spry-Detailbereich, öffnen Sie das Bedienfeld [Bindung] und wählen Sie das Element „Beschreibung“ aus, um es in den Spry-Detailbereich einzufügen.
Beim Speichern der Webseite werden wir aufgefordert, die Spry-Effektdateien zu speichern. Denken Sie daran, diese Dateien beim Hochladen zusammen hochzuladen.
6. Vorschaueffekt
Zeigen Sie Remote-XML-Daten domänenübergreifend an und klicken Sie auf den Titel jeder Zeile, um den Inhalt ohne Aktualisierung auf der aktuellen Seite anzuzeigen, was sehr gut ist.