Kombinasi XML dan HTML (Bagian 1)

Zhang Jian, Universitas Pos dan Telekomunikasi Beijing

Keterbatasan XML

Saat ini, data konten dari banyak situs Web disimpan dalam database atau file data. Untuk pengembang program Web, jika mereka ingin mengekstrak informasi berguna dari database, metode tradisionalnya adalah dengan menulis skrip di sisi server (seperti VBScript, JavaScript, CGI, ASP, Perl, dll.) dan mengeksekusi database. Kueri SQL memperoleh catatan yang relevan, dan kemudian mengatur hasil kueri ke dalam halaman HTML dan mengembalikannya ke klien menggunakan browser untuk mengamati hasil akhir.

Untuk meningkatkan fleksibilitas dan skalabilitas layanan sistem dan memungkinkan jangkauan target layanan yang lebih luas, banyak situs web komersial mencoba yang terbaik untuk menyediakan aturan bisnis, data asli, dan formulir presentasi sebagai layanan independen. Cara HTML menyematkan data dalam tampilan jelas tidak memenuhi kebutuhan ini. Oleh karena itu, menyimpan data asli dalam dokumen XML dan menggunakan style sheet untuk menampilkan konten merupakan keunggulan teknologi XML yang cocok untuk e-commerce. Namun pada intinya, teknologi XSL tidak berorientasi pada tampilan data. Ini adalah teknologi konversi format yang jauh lebih kaya dibandingkan HTML dalam hal cara dan metode tampilan. Bagi pemrogram, solusi yang lebih ideal adalah menggabungkan dua teknologi HTML dan XML untuk saling melengkapi keunggulan masing-masing, sehingga data asli yang sebenarnya dapat mempertahankan makna dan struktur aslinya sambil memanfaatkan sepenuhnya tampilan Keterampilan HTML yang selalu berubah . XML Data Island adalah produk perpaduan teknologi ini. Ia menggunakan tag untuk menyematkan data XML langsung ke halaman HTML, sehingga mewujudkan keunggulan yang saling melengkapi dari keduanya.

Cara menangani pulau data di IE

Untuk dapat menangani halaman HTML semacam ini dengan kode XML yang tertanam, Internet Explorer 4.0 (selanjutnya disebut IE 4.0) memperkenalkan teknologi DSO (Data Source Objects, data source object), yaitu diimplementasikan dengan Java Applet.

Misalnya:

ID="xmldso" WIDTH=0 HEIGHT=0 MAYSCRIPT=TRUE>

< /APPLET>

Dalam contoh di atas, atribut CODE menentukan applet DSO Java, atribut MAYSCRIPT memastikan bahwa skrip klien dapat memproses objek data, dan tag PARAM menentukan lokasi dokumen XML.

Keterbatasan penggunaan Java adalah ia hanya dapat mendeskripsikan alamat URL XML dalam dokumen HTML, namun tidak dapat langsung menyematkan tag XML ke dalamnya. Hal ini masih jauh tertinggal dari solusi data island yang sebenarnya. Microsoft telah memperluas teknologi DSO di Internet Explorer 5.0 (selanjutnya disebut IE 5.0), menerobos keterbatasan sebelumnya dan benar-benar mengintegrasikan HTML dan XML. Halaman HTML mendukung penggunaan langsung tag .

Misalnya:

beberapa XML...

Selama ID setiap pulau data unik, maka dapat disertakan dalam halaman Pulau data tertanam jika diperlukan, dan DSO ini tidak bergantung satu sama lain.

Selain metode penyematan langsung pada contoh di atas, Anda juga dapat menggunakan referensi eksternal untuk menghubungkan pulau data.

Misalnya:

Dengan cara ini, hanya ketika objek pelanggan perusahaan terus menggunakan IE 4.0, dan untuk menyelesaikan masalah kompatibilitas pelanggan ini, Java Applet adalah Pilihan yang perlu dipertimbangkan oleh pemrogram.

Pada teknologi DSO yang diimplementasikan oleh IE 5.0, jika data merupakan hasil query database melalui bahasa SQL, maka data tersebut disimpan dalam record set ADO (ActiveX Data Objects). Server mengirimkan kontrol ActiveX ini (biasanya kumpulan data ADO) ke klien, di mana program skrip klien melakukan pemrosesan lebih lanjut. Faktanya, IE 5.0 menangani pulau data XML sebagai kumpulan data ADO khusus.

Pengikatan data XML

1. Pemetaan recordset ADO

Setiap elemen utama dalam XML dipetakan ke record di recordset ADO, dan sub-elemennya juga dipetakan ke field (juga disebut domain) di recordset.

Misalnya, pulau data XML books.xml ada sebagai berikut:

< isbn>72 -80088-005

72-80081-082

Saat ini, kumpulan rekor ADO yang dipetakan adalah:

judul isbn

Straight Talk About Computers 72-80088-005

Gourmet Microwave 72-80081-082

2. Mengikat ke elemen HTML

Setelah menyematkan pulau data dalam dokumen HTML, Anda dapat mengikat pulau data XML ke elemen HTML. Setiap entri DSO (yaitu pulau data) memiliki nomor ID unik. Pertama, setel atribut DATASRC di elemen HTML ke ID yang sesuai untuk mengaitkan elemen HTML dengan pulau data. Kemudian tentukan elemen XML yang diekstraksi dengan mengatur nilai atribut DATAFLD.

Misalnya, kode yang terikat pada elemen DIV adalah sebagai berikut:

Catatan : Tidak semua elemen HTML dapat diikat ke pulau data XML. Saat ini elemen-elemen yang mendukung mekanisme pengikatan DSO ini adalah sebagai berikut:

A. APPLET, BUTTON, DIV, FRAME, IFRAME, IMG, INPUT (jenisnya disini adalah: CHECKBOX, HIDDEN, LABEL, PASSWORD, RADIO dan TEXT), LABEL, MARQUEE, SELECT, SPAN, TABLE dan TEXTAREA.

3． Data XML eksplisit dalam format tabel

Jika Anda mengikat data XML ke elemen TABLE, data tersebut dapat secara otomatis ditampilkan dalam format tabel multi-baris.

Misalnya kode yang mengikat data XML ke elemen TABLE adalah sebagai berikut:

Judul	ISBN
	< /TD>< /TR>

Dengan cara ini, keduanya terikat dengan menyetel atribut DATASRC di elemen TABLE ke #xmldso. Tabel dibagi menjadi dua bagian: header (THEAD) dan isi tabel (TBODY). Setiap elemen akan ditampilkan sebagai deretan tabel. Data mana yang ditampilkan pada setiap kolom ditentukan oleh atribut DATAFLD pada elemen DIV.