Lập trình với XML cho DB2, Phần 3: Lập trình với XML ở phía khách

Hardeep Singh, Kiến trúc sư các công nghệ nâng cao, IBM Tóm tắt: Hãy tìm hiểu cách để mở rộng mô hình XML nhằm tạo ra các trình khách đầy đủ (rich client) bằng cách sử dụng dữ liệu XML được chuyển đến từ máy chủ ứng dụng của bạn. Hãy khám phá cách sử dụng HTML động (DHTML) để biểu diễn XML, XPath để dẫn hướng trong XML và mô hình đối tượng tài liệu (DOM) để sửa đổi và tuần tự hóa XML trở lại máy chủ ứng dụng. Giới thiệu Sự phổ biến ngày một tăng của...
Nội dung trích xuất từ tài liệu:
Lập trình với XML cho DB2, Phần 3: Lập trình với XML ở phía khách Lập trình với XML cho DB2, Phần 3: Lập trình với XML ở phía kháchHardeep Singh, Kiến trúc sư các công nghệ nâng cao, IBMTóm tắt: Hãy tìm hiểu cách để mở rộng mô h ình XML nhằm tạo ra các trìnhkhách đầy đủ (rich client) bằng cách sử dụng dữ liệu XML được chuyển đến từmáy chủ ứng dụng của bạn. Hãy khám phá cách sử dụng HTML động (DHTML)để biểu diễn XML, XPath để dẫn hướng trong XML và mô hình đối tượng tài liệu(DOM) để sửa đổi và tuần tự hóa XML trở lại máy chủ ứng dụng.Giới thiệuSự phổ biến ngày một tăng của Web 2.0 phần lớn là nhờ tính linh hoạt của các thếhệ trình duyệt web hiện nay. Các trình duyệt này sử dụng Ajax để giao tiếp vớimáy chủ để trao đổi dữ liệu XML và sau đó sử dụng DHTML để dẫn hướng XMLvà trình bày nó cho người dùng. Các tính năng trình duyệt cho phép chúng đượcsử dụng như là các trình khách đầy đủ trong các ứng dụng dựa trên web.Các công nghệ cơ sở đã sản sinh một số công nghệ và sáng kiến mới để đáp ứngsự phổ biến ngày càng tăng của Web 2.0. Các thư viện trình trợ giúp như Dojo vàSarissa đã được tạo ra nhằm làm cho việc sử dụng XML ít khó khăn hơn, và cáchỗ trợ cho Đồ họa véc tơ co giãn được (Scalable Vector Graphics -SVG) cũng đãtăng thêm. Các trình tiện ích (widget) nhúng được như Google và Yahoo Maps,các phương thức chia sẻ và tích hợp dữ liệu như nguồn cấp dữ liệu RSS và Atom,và mẫu hình phát triển mới bằng cách sử dụng hỗn hợp dữ liệu đã được phát triểnđể đáp ứng các nhu cầu ngày càng tăng của văn hóa Web 2.0.Như hình 1 minh hoạ, chất keo chung để kết dính tất cả các công nghệ là XML.XML trong nguồn cấp dữ liệu làm cho có thể xuất bản và xử lý các cấu trúc dữliệu phức tạp trên web. Giao diện lập trình ứng dụng DOM (API) trong DHTMLvà sự hỗ trợ XPath trong Sarissa cho phép điều hướng XML một cách có hiệu quảđể đọc và viết ở phía máy khách.Hình 1. Kiến trúc hướng WebGhi chú : Trong thế giới Web 2.0, nơi mà các nguồn dữ liệu được xem như lànguồn cấp dữ liệu và dịch vụ, thì trình điều khiển cơ sở dữ liệu được mở rộng đểhỗ trợ các cuộc gọi REST, SOAP và FEED. Một khi vấn đề bảo đảm an ninh đượcgiải quyết, thì bạn có thể truy cập trực tiếp các thường trình của cơ sở dữ liệu bằngcách sử dụng các cuộc gọi SOAP hoặc REST không chỉ từ máy chủ ứng dụng, màcòn từ một trình khách web, mà không cần phải tạo ra các ánh xạ không cần thiết.Trong bài tiếp theo, tôi sẽ tạo một mẫu trình điều khiển (driver) SOAP cho DB2.Sử dụng mô hình XML ở phía kháchVì nhiều công nghệ xung quanh XML là chung cho các máy chủ ứng dụng vàtrình duyệt, nên bạn cũng có thể mở rộng mô h ình dữ liệu XML được trình bàytrong bài viết đầu tiên tới phía máy khách. Trong bài viết này, bạn hãy tìm hiểucách để mở rộng mô hình XML nhằm tạo ra các trình khách đầy đủ bằng cách sửdụng dữ liệu XML được chuyển đến từ các máy chủ ứng dụng. Hãy khám phácách làm thế nào sử dụng DHTML để biểu diễn XML, sử dụng XPath để dẫnhướng XML và DOM để sửa đổi và tuần tự hóa XML trở lại máy chủ ứng dụng.Tương tự như lớp bao bọc DOM mà bạn đã tạo ra trong máy chủ ứn g dụng, bạn sẽtạo ra một lớp bao bọc DOM cho phía máy khách. Lớp bao bọc n ày không chỉ táchbiệt việc trực quan hóa của JavaScript và mã logic nghiệp vụ khỏi các API DOM,mà còn làm cho mã lệnh rất giống với mã Java trong tầng máy chủ ứng dụng. Đểđạt được điều này, bạn sẽ sử dụng thư viện nguồn mở Sarissa, nó cung cấp cácAPI XPath cho mã JavaScript chạy trong trình duyệt. Mã của lớp bao bọc có sẵntrong bài viết này (xem phần Tài nguyên).Kịch bảnCác phần sau xây dựng trên các ví dụ về bảo hiểm được tạo ra trong các bài viếttrước của loạt bài này (xem phần Tài nguyên). Các chức năng sau được trìnhkhách web cung cấp.1. Cho phép người dùng xem và chỉnh sửa tên và họ trong hồ sơ của họ.2. Tính toán mức bảo hiểm cho mỗi mục bảo hiểm dựa vào nhà cung cấp bảo hiểmmà người sử dụng lựa chọn.Điều quan trọng cần lưu ý: Mã trong bài viết này và các bài viết trước đây chỉnhằm mục đích giải thích. Chỉ có phần giải thích sự liên quan của mô hình XMLlà được mã hóa đầy đủ. Các phần còn lại của logic được viết bằng mã giả với giảđịnh rằng người đọc có thể ngoại suy ra mã lệnh tiêu chuẩn dự kiến cho chức năngđó. Bài viết tiếp theo thảo luận về một kịch bản hoàn chỉnh sẽ được mã hóa đầyđủ.Cho phép người sử dụng xem và chỉnh sửa tên của mìnhLấy thông tin của khách hàng từ máy chủ ứng dụng và trình bày nó cho phía kháchđể sửa đổi.Mã JavaScript của trình kháchLớp profilediv được sử dụng để xuất bản chuỗi ký tự HTML được tạo ra từ dữ liệuXML cho người sử dụng.ID của khách hàng (cid) được nhập vào khi người dùng đăng nhập vào trang web.ID của khách hàng này được chuyển tới hàm getCustomerInfo khi người sử dụngchọn Cập nhật bản lược kê từ phía khách. Trình khách gửi yêu cầu HTTP đến máychủ bằng cách sử dụng API XMLHttpRequest mà thư viện Sarissa cung cấp. Làmột phần của yêu cầu, hàm Callback cũng đượ ...