Lập trình Ajax Suggestion

Từ khi xuất hiện vào đầu năm 2005 trên một bài báo của Jesse James Garette, Ajax đã ngày càng trở nên phổ biến và được ứng dụng rộng rãi, điển hình là các dịch vụ như Google Maps, Google Suggest, Gmail, Yahoo! Mail beta... Đặc biệt là công cụ Google Suggest gợi ý trước cho bạn một số từ khoá liên quan ngay khi bạn mới chỉ gõ một phần của từ khoá và số lượng kết quả tìm kiếm có được nếu bạn thực hiện tìm kiếm với từ gợi ý được chọn.Cách gợi ý như của Google...
Nội dung trích xuất từ tài liệu:
Lập trình Ajax Suggestion Lập trình Ajax Suggestion Từ khi xuất hiện vào đầu năm 2005 trên một bài báo của Jesse James Garette, Ajax đã ngày càng trở nên phổ biến và được ứng dụng rộng rãi, điển hình là các dịch vụ như Google Maps, Google Suggest, Gmail, Yahoo! Mail beta... Đặc biệt là công cụ Google Suggest gợi ý trước cho bạn một số từ khoá liên quan ngay khi bạn mới chỉ gõ một phần của từ khoá và số lượng kết quả tìm kiếm có được nếu bạn thực hiện tìm kiếm với từ gợi ý được chọn.Cách gợi ý như của Google Suggest có thể áp dụng vào rất nhiều ứng dụng khác nhau như từđiển, tìm kiếm nhanh trên một danh sách dữ liệu... Và để áp dụng tính năng gợi ý đó vào trangweb của bạn cũng không quá khó. Bài viết này hướng dẫn cách xây dựng tính năng như vậy chomột trang web, ngôn ngữ lập trình sử dụng là Java (đòi hỏi bạn phải biết lập trình web với JSP,Servlet, biết sử dụng web server Tomcat, lập trình Javascript, HTML, và một chút CSS).Trang web chỉ có một trang duy nhất và có chức năng tìm kiếm tên các nước trên thế giới. Khibạn gõ một phần tên của nước cần tìm vào ô tìm kiếm, Ajax sẽ hiển thị danh sách tên các nướccó bắt đầu bằng cụm từ mà bạn đang gõ, cùng một số thông tin liên quan như thủ đô, dân số, diệntích và mã điện thoại quốc tế. Bạn có thể dùng bàn phím hoặc chuột để chọn một nước trongdanh sách này.Để cho đơn giản, dữ liệu về các nước trên thế giới được lưu trong một file text (trong thực tế cóthể là một hoặc nhiều bảng trong cơ sở dữ liệu). File này gồm có nhiều dòng, mỗi dòng là thôngtin về một nước, cấu trúc của một dòng như sau:Tên nước-Thủ đô-Dân số-Diện tích-Mã điện thoạiCác thông tin trên một dòng được ngăn cách bằng dấu gạch nối (-). Ví dụ:Argentina-Kabul-21.92-647,497-54Australia-Canbera-19.10-7,686,848-61Austria-Vienna-8.10-83,853-43Vietnam-Hanoi-84.51-329,556-84Kiến trúc hoạt động của ứng dụng này xây dựng trên mô hình ba lớp, được thể hiện như sau:Trong đó ở tầng nghiệp vụ (Business tier) ta dùng web server là Tomcat để triển khai ứng dụngweb viết bằng Java, gồm có Servlet để phân tích và xử lý yêu cầu từ trình duyệt (client);Business object thực hiện việc tìm dữ liệu theo yêu cầu của client và chuyển kết quả tìm đượcthành JavaBean. Tầng cơ sở dữ liệu (Database tier) có thể dùng các hệ quản trị CSDL phổ biếnnhư MySQL, MS SQL, ... Tuy nhiên để cho đơn giản, trong ứng dụng này ta chỉ dùng một textfile để lưu dữ liệu.Sơ đồ các thao tác thực hiện ở phía server như sau:Sơ đồ xử lý ở phía client như sau:Như đã nói ở trên, để đơn giản ta không dùng hệ quản trị CSDL nào mà chỉ dùng một file text đểlưu thông tin về các nước trên thế giới. Bạn tạo một text file có cấu trúc như mô tả ở trên và đặttên là countries.txt chẳng hạn.Chúng ta tạo ra một JavaBean để chứa đựng thông tin về các quốc gia, bao gồm các thuộc tínhsau (tất cả các thuộc tính đều có hàm setXxx() và getXxx(), trong đó Xxx là tên thuộc tính):STT Tên thuộc tính Kiểu dữ liệu Mô tả 1 area String Diện tích 2 capital String Thủ đô 3 code String Mã điện thoại 4 name String Tên nước 5 population String Dân sốLớp này ta đặt tên là CountryBean.java, mã nguồn rất đơn giản:package com.hainasoft.ajax.suggestion;public class CountryBean {private String name;private String capital;private String population;private String area;private String code;public CountryBean(String name, String capital, String pop, String area, String code) {this.name = name;this.capital = capital;this.population = pop;this.area = area;this.code = code;}public String getName() {return name;}public void setName(String name) {this.name = name;}public String getCapital() {return capital;}public String getArea() {return area;}public void setCapital(String capital) {this.capital = capital;}public void setArea(String area) {this.area = area;}public String getPopulation() {return population;}public String getCode() {return code;}public void setPopulation(String population) {this.population = population;}public void setCode(String code) {this.code = code;}}Bạn để ý trong mã nguồn trên thì gói ứng dụng của chúng ta là com.hainasoft.ajax.suggestion.Tiếp theo chúng ta cần có một lớp để thực hiện thao tác nghiệp vụ, ở ứng dụng này là đọc dữ liệu từ filetext và ánh xạ (mapping) các thuộc tính trong f ...