HTML enthält nicht nur eine große Anzahl von Formatierungsanweisungen, sondern ist auch voller Inhaltsdaten, was wirklich verwirrend ist. Künstler ändern möglicherweise versehentlich Inhaltsdaten, wenn sie das Schnittstellenlayout anpassen. Professionelle Inhaltsbetreuer bringen bei der Datenpflege häufig unbeabsichtigt den professionellen Layoutcode durcheinander.
Infolgedessen begannen die Menschen, diese chaotische Situation bewusst zu vermeiden. Verwenden Sie XML für die Datenbeschreibung und behalten Sie nur den Seitenlayout-Code in HTML bei, damit die Daten in der Schnittstelle getrennt werden und Inhaltsdaten nicht mehr aufgrund von Änderungen verloren gehen Das Layout wird auch nicht geändert, während die Daten beibehalten werden.
Daten und Schnittstelle wurden getrennt, und wir scheinen eine Möglichkeit zu brauchen, sie organisch zu kombinieren. XML-Daten in Kombination mit unterschiedlichem HTML können Kunden unterschiedliche Methoden zum Durchsuchen von Daten bieten. XML Data Island kann Daten aus XML auf natürliche Weise in HTML einführen, ohne umständlichen Code schreiben zu müssen.
Ich werde es dir unten anhand von Beispielen erklären.
Angenommen, wir haben eine XML-Datei mit dem Namen „Book.xml“ zum Speichern von Buchinformationen mit dem folgenden Inhalt.
<?xmlversion="1.0"encoding="gb2312"?> <books> <bookid="0001"bookcategory="文艺"amount="150"remain="80"discount="8.7"> <title>三国演义</title> <author>罗贯中</author> <publisher>文艺出版社</publisher> <isbn>0-765-58007-8</isbn> <price>80</price> </book> <bookid="0002"bookcategory="文艺"amount="100"remain="70"discount="9.8"> <title>红楼梦</title> <author>曹雪芹</author> <publisher>三秦出版社</publisher> <isbn>0-765-58007-9</isbn> <price>22</price> </book> <bookid="0003"bookcategory="文艺"amount="120"remain="60"discount="8.5"> <title>西游记(上下册)</title> <author>吴承恩</author> <publisher>人民文学出版社</publisher> <isbn>0-765-58007-3</isbn> <price>40.12</price> </book> </books>
Jeder Buchknoten (Buch) hat vier Attribute für Klassifizierung, Daten, Marge, Rabatt sowie Buchtitel, Autor, fünf Unter- Elemente: Verlag, Buchnummer und Preis. Hier erfahren Sie nur, wie Sie XML-Dateninseln verwenden, sodass die Datenstruktur sehr einfach ist und die Datenmenge nicht sehr groß ist.
Wir möchten den Inhalt in XML in Form einer Tabelle in HTML anzeigen. Wir beginnen nun mit dem Schreiben von HTML-Dateien. Erstellen Sie zunächst eine Tabelle in HTML, um Buchinformationen anzuzeigen. Dieser Teil dürfte für jeden sehr verwirrend sein, deshalb werde ich nicht näher darauf eingehen, wie man den XML-Datenleitfaden definiert und wie man die Datentabelle HTML-Tabelle bindet.
XML Data Island fungiert, wie der Name schon sagt, als Datenquelle, das heißt, es führt XML-Dateien ein, die Daten speichern, und weist ihnen eine ID zu, was die Referenzierung in HTML erleichtert. Der Definitionscode lautet wie folgt:
<xmlid="XMLData"src="Test07.xml"></xml>
<tableid="tblbooks"datasrc="#XMLData"border=1datapagesize=2width="100%"> <thead> <thstyle="font-style:blod">书名</th> <thstyle="font-style:blod">类别</th> <thstyle="font-style:blod">书号</th> <thstyle="font-style:blod">作者</th> <thstyle="font-style:blod">出版社</th> <thstyle="font-style:blod">定价</th> <thstyle="font-style:blod">数量</th> <thstyle="font-style:blod">余量</th> </thead> <tr> <td><spandatafld="title"></span></td> <td><spandatafld="bookcategory"></span></td> <td><spandatafld="isbn"></span></td> <td><spandatafld="author"></span></td> <td><spandatafld="publisher"></span></td> <td><spandatafld="price"></span></td> <td><spandatafld="amount"></span></td> <td><spandatafld="remain"></span></td> </tr> </table>
-Tag platzieren und das Feld angeben, z. B. | < /span> | bedeutet, dass dieses Tag an das Titelfeld gebunden ist und der Feldwert automatisch in das eingefügt wird.