|
|
|
|
|
XML Data Islands
Geschrieben von: Christoph Wille In den MS Internet Explorer können mit Hilfe von Data Source Objects (DSO) Datenquellen eingebunden werden, die es erlauben, HTML Elemente an Spalten dieser Datenquellen zu binden. Damit kann man sehr einfach und bequem Datenbankdaten am Client rendern, ohne den Server zu belasten. Wie dies mit XML und ASP am besten gelöst werden kann, beschreibe ich in diesem Artikel. Eine dieser DSO Datenquellen ist das XML Data Source Object, das normalerweise als <OBJECT> Tag eingebunden wird. Damit allerdings ist die Seite abhängig davon, daß ActiveX Komponenten ausgeführt werden dürfen - was heutzutage im Zuge der Sicherheitsprobleme nicht immer gewährleistet ist, da sehr viele Personen diese Option deaktivieren. Um von dieser Problematik wegzukommen, kann man statt dessen XML Data Islands verwenden - das ist XML, das entweder direkt in der Seite eingebettet ist, oder aus einer externen Datei kommen kann. Ein einfaches Data IslandEin XML Data Island wird über ein <XML> Tag direkt in das HTML Dokument eingebettet. Dieses Tag kann entweder alle Daten enthalten, oder über das SRC Attribut eine externe Datei ansprechen. Die erste Variante könnte zum Beispiel für das Rendern einer Linksammlung verwendet werden:
Der dazugehörige Sourcecode ist in der Datei simpledataisland.asp enthalten:
<html>
<head>
<title>XML Data Islands</title>
</head>
<body bgcolor="#ffffff">
<XML ID="dsoLinks">
<Links>
<Link>
<Titel>AspHeute</Titel>
<URL>http://www.aspheute.com</URL>
<Beschreibung>Tägliche Artikel zu ASP</Beschreibung>
</Link>
<Link>
<Titel>AspKurse</Titel>
<URL>http://www.aspkurse.com</URL>
<Beschreibung>Kurse rund um ASP</Beschreibung>
</Link>
</Links>
</XML>
<h2>Die Linksammlung</h2>
<TABLE ID="tblLinks" DATASRC="#dsoLinks" CELLSPACING=5>
<TR>
<TD><A DATAFLD="URL"><SPAN DATAFLD="Titel"></SPAN></A><BR>
<i><SPAN DATAFLD="Beschreibung"></SPAN></i></TD>
</TR>
</TABLE>
</body>
</html>
Das XML Data Island beginnt mit <XML ID="dsoLinks">, und enthält ein vollständiges XML Dokument. Die ID dsoLinks wird später dazu verwendet, um das Data Island an die Tabelle zu linken: <TABLE ID="tblLinks" DATASRC="#dsoLinks">Mit dem DATASRC Attribut wird festgelegt, welche Datenquelle verwendet werden soll (das # kennzeichnet eine Datenquelle im aktuellen Dokument). Um nun einzelne HTML Elemente an eine Spalte der Datenquelle zu binden, verwendet man das DATAFLD Attribut. Dies kann man sogar für das A Element einsetzen, wobei das DATAFLD Attribut das HREF Attribut ersetzt: <A DATAFLD="URL"> Die Tabelle enthält so viele Zeilen wie auch das XML Data Island. Externe XML DatenquellenDerzeit ist die Linksammlung statisch in das HTML Dokument eingebettet. Man könnte sie allerdings ohne weiteres mit ADO am Server generieren lassen, und schon hätte man eine Lösung die auf ASP und XML basiert. Sie hat allerdings einen Nachteil - die Seite lädt immer alle Daten, und wenn mehrere Seiten die gleichen Daten benötigen würden, müßte man den Code überall duplizieren und jede Seite würde die gleichen Daten über das Netz transferieren. Um das Problem zu umgehen, kann man externe Dateien im XML Element linken: <XML SRC="my.xml">Natürlich muß es sich nicht um ein statisches XML Dokument handeln, man kann natürlich das XML Dokument am Server generieren lassen. Um das Ganze mit einem Beispiel zu illustrieren, habe ich eine existierende Tabelle der Northwind Datenbank gewählt, um die externe Datenquelle zu generieren. Die notwendige ASP Datei zur Generierung des XML sieht wie folgt aus:
<%
Set conn = CreateObject("ADODB.Connection")
Set rs = CreateObject("ADODB.Recordset")
conn.Open "provider=sqloledb.1;user id=sa;password=;" & _
initial catalog=northwind;data source=strangelove"
strSQL = "select CategoryName, Description from Categories"
rs.Open strSQL, conn
Response.ContentType="text/xml"
Response.Write "<?xml version=""1.0"" encoding=""Windows-1252""?>" & vbCrlf
Response.Write "<Categories>" & vbCrlf
While Not rs.EOF
Response.Write "<Category>" & vbCrlf
For Each fld in rs.Fields
strFldName = fld.Name
Response.Write "<" & strFldName & ">" & fld.Value & _
"</" & strFldName & ">" & vbCrlf
Next
Response.Write "</Category>" & vbCrlf
rs.MoveNext
Wend
Response.Write "</Categories>"
%>
Im Prinzip handelt es sich um eine völlig normale ASP Datei, der Unterschied ist allerdings daß ich den
ContentType auf text/xml umstelle, und aus den ADO Recordsetdaten ein XML Dokument bastle, das
im Browser betrachtet wie folgt aussieht:
Das so generierte XML Dokument kann man dann in einer HTML Datei in einem XML Data Island einsetzen:
<html>
<head>
<title>XML Data Islands</title>
</head>
<body bgcolor="#ffffff">
<XML ID="dsoCategories" SRC="categories.asp"></XML>
<TABLE ID="tblCategories" DATASRC="#dsoCategories" BORDER="1">
<TR>
<TD><DIV DATAFLD="CategoryName"></DIV></TD>
<TD><DIV DATAFLD="Description"></DIV></TD>
</TR>
</TABLE>
</body>
</html>
Die Verwendung einer externen Quelle ist völlig identisch zu eingebetteten Daten, allerdings sind die Daten nun separat und können von anderen Dateien
aus angesprochen werden - und wenn man das XML-generierende ASP Dokument mit einem Response.Expires Statement
versieht, kann man ganz einfach Netzwerkbandbreite einsparen.
Navigieren im DSONatürlich kann man ein Datasource Object auch programmieren! Dazu gibt es die Methoden firstPage, previousPage, nextPage und lastPage. Eingebaut in das vorherige Beispiel sieht das dann wie folgt aus:
Die Anzahl der Zeilen ist auf 3 pro Seite eingeschränkt, und ich habe Buttons für alle Navigationsbefehle eingebaut. Die Änderungen am Sourcecode waren nicht besonders aufwendig:
<html>
<head>
<title>XML Data Islands</title>
</head>
<body bgcolor="#ffffff">
<XML ID="dsoCategories" SRC="categories.asp"></XML>
<TABLE ID="tblCategories" DATASRC="#dsoCategories" BORDER="1" DATAPAGESIZE=3>
<TR>
<TD><DIV DATAFLD="CategoryName"></DIV></TD>
<TD><DIV DATAFLD="Description"></DIV></TD>
</TR>
</TABLE>
<p>
<INPUT TYPE="button" VALUE="<<" ONCLICK="tblCategories.firstPage();">
<INPUT TYPE="BUTTON" VALUE="<" ONCLICK="tblCategories.previousPage();">
<INPUT TYPE="BUTTON" VALUE=">" ONCLICK="tblCategories.nextPage();">
<INPUT TYPE="BUTTON" VALUE=">>" ONCLICK="tblCategories.lastPage();">
</p>
</body>
</html>
Was hat sich alles geändert? Zuallererst habe ich im TABLE Tag das Attribut DATAPAGESIZE eingebaut,
um die Anzahl von Zeilen pro Seite auf drei einzuschränken. Ebenso neu hinzugekommen sind 4 Buttons, die jeweils
eine Navigationsoperation durchführen. Damit kann man bequem in den Daten blättern, ohne jemals einen
Roundtrip zum Server machen zu müssen.
SchlußbemerkungXML Data Islands sind eine Funktionalität, die es nur in Internet Explorer gibt. Allerdings für eine Intranet Anwendung können Data Islands sehr nützlich sein, da man auf diese Weise zB Drop-Down Boxen mit Werten füllen kann, die nur einmal übertragen werden müssen - ein nicht zu unterschätzender Geschwindigkeitsvorteil in einem Bestellsystem mit vielen Vorauswahlen. Download des CodesKlicken Sie hier, um den Download zu starten. Links zu anderen Sites
Binding HTML Elements to Data Wenn Sie jetzt Fragen haben...Wenn Sie Fragen rund um die in diesem Artikel vorgestellte Technologie haben, dann schauen Sie einfach bei uns in den Community Foren der deutschen .NET Community vorbei. Die Teilnehmer helfen Ihnen gerne, wenn Sie sich zur im Artikel vorgestellten Technologie weiterbilden möchten.
Haben Sie Fragen die sich direkt auf den Inhalt des Artikels beziehen, dann schreiben Sie dem Autor! Unsere Autoren freuen sich über Feedback zu ihren Artikeln. Ein einfacher Klick auf die Autor kontaktieren Schaltfläche (weiter unten) und schon haben Sie ein für diesen Artikel personalisiertes Anfrageformular.
Und zu guter Letzt möchten wir Sie bitten, den Artikel zu bewerten. Damit helfen Sie uns, die Qualität der Artikel zu verbessern - und anderen Lesern bei der Auswahl der Artikel, die sie lesen sollten.
©2000-2006 AspHeute.com |
