Kapitel 5: XML-Instanzanalyse
Gliederung:
1: Beispieleffekt
Zwei: Beispielanalyse 1. Definieren Sie ein neues Logo.
2. Erstellen Sie ein XML-Dokument.
3. Erstellen Sie die entsprechende HTML-Datei.
XML wird in verschiedenen Bereichen häufig verwendet, beispielsweise MathML im Technologiebereich, WML in drahtlosen Kommunikationsanwendungen, SVG in Netzwerkbildern usw. Hier konzentrieren wir uns auf die Anwendung von XML im Web. Die Anwendung von XML im Web nutzt hauptsächlich seine leistungsstarken Datenbearbeitungsmöglichkeiten. Durch die Verwendung von XML im Allgemeinen mit serverseitigen Programmen wie JavaScript und ASP können nahezu alle Anwendungsanforderungen im Netzwerk realisiert werden.
Aus Gründen der Einfachheit der Erklärung stellen wir im Folgenden ein einfaches Beispiel vor, das kein serverseitiges Programm enthält. Der Zweck besteht darin, Ihnen ein Verständnis für die Datenbearbeitungsmöglichkeiten von XML zu vermitteln.
Okay, lassen Sie uns zunächst [hier klicken], um die Wirkung des Beispiels zu sehen. (Bitte verwenden Sie zum Öffnen den Browser IE5.0 oder höher)
Dies ist eine einfache Funktion zum Abrufen von CD-Aufnahmedaten. Sie können die relevanten Informationen einer einzelnen CD anzeigen, indem Sie auf „Vorherige“ und „Weiter“ klicken. Wir haben ursprünglich zwei Methoden verwendet, um diesen Effekt zu erzielen:
1. Verwenden Sie DHTML, um Daten in verschiedenen Ebenen auszublenden und sie durch Mausereignisse nacheinander anzuzeigen.
2. Verwenden Sie Hintergrundprogramme (wie ASP, CGI, PHP, JSP usw.), um serverseitige Daten aufzurufen.
Aber in diesem Beispiel können wir beim Öffnen des Originalcodes der Seite sehen, dass es kein DHTML-DIV oder keine Formularaktion gibt. Es ist vollständig in XML implementiert. Lassen Sie uns den Produktionsprozess unten analysieren:
Schritt eins: Definieren Sie eine neue Identität.
Erstellen Sie anhand der tatsächlichen CD-Daten zunächst eine neue Identifikation mit dem Namen
Die Definitionen und Beziehungen der oben genannten Elemente entsprechen vollständig den XML-Standards und erfordern keine Definition einer speziellen DTD-Datei, sodass die DTD-Definition weggelassen werden kann. Wenn wir DTD zum Definieren verwenden möchten, kann der obige Prozess wie folgt ausgedrückt werden:
Dieser Code gibt an, dass das Element CATALOG mehrere CD-Unterelemente enthält und das Unterelement CD wiederum sechs Unterelemente enthält: Titel, Künstler, Jahr, Land, Firma, Preis, und ihre Inhalte sind als Text definiert (Zeichen, Zahlen, Text). (Hinweis: Spezifische Syntaxanweisungen finden Sie in der Einführung zu DTD im vorherigen Kapitel.)
Schritt 2: XML-Dokument erstellen.
Der obige Code verwendet zunächst die Deklarationsanweisung , um anzugeben, dass es sich um ein XML-Dokument handelt und sein Format der XML 1.0-Standardspezifikation entspricht. Dann ist da noch der Dokumentinhalt, der Strukturbaum ist sehr übersichtlich:
...
...
Insgesamt sind 5 Datensätze definiert. Wir speichern den obigen Code als cd.xml-Datei zum Aufrufen.
Schritt 3: Erstellen Sie die entsprechende HTML-Datei.
1. XML-Daten importieren.
Wir wissen, dass von den derzeit gängigen Browsern derzeit nur die Browser IE5.0 und höher von Microsoft XML unterstützen. IE unterstützt das Einfügen von XML über das Objektobjekt in HTML und importiert Daten über die XMLDocument.load()-Methode von js. Schauen wir uns den Code an:
Definieren Sie ein Objekt mit dem ID-Namen xmldso. Verwenden Sie dann js, um XML-Daten in den Kopfbereich einzuführen:
2. Daten bündeln.
Das -Tag wird dann verwendet, um die XML-Daten in der Tabelle zu binden. Darunter sind ID, DATASRC und DTATFLD alles Attribute von . Der Code lautet wie folgt:
Titel:
Künstler:
Jahr:
Land:
Unternehmen:
Preis:
3. Aktionsvorgang.
Stellen Sie abschließend Schaltflächen zum Durchsuchen der Daten bereit:
Und verwenden Sie js, um zwei Mausklickfunktionen auszuführen: movenext() und move previous(). Fügen Sie den folgenden Code zum Kopfbereich hinzu:
Okay, schauen wir uns zunächst den gesamten Originalcode der HTML-Datei an:
Titel:
Künstler:
Jahr:
Land:
Unternehmen:
Preis: