Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > ASP/ASP.Net > Ứng dụng Search giống Google trong Asp.net
Ứng dụng Search giống Google trong Asp.net
Nguyễn Trung Hiếu
Share Code Web Company 2013

Ứng dụng Search giống Google trong Asp.net

Lâu lâu mới viết một bài viết về .Net, cũng vì chủ đề này rất hay nên mình sẽ chọn bài này để viết. Nói qua về cái ứng dụng này, nó sẽ giúp bạn có được một control search giống với khi ta search trên Google để bổ sung vào Project của bạn cho đẹp hơn và nhẹ hơn.

Giới thiệu về ứng dụng

Bình thường, hầu hết nhiều website thực hiện tìm kiếm theo truy vấn “like” trong database như sau

Tuy nhiên, điều này sẽ rất khó khăn nếu như chúng ta làm với một hệ thống có nhiều hàng trong một database lớn. Và bài báo này cũng sẽ chỉ làm trên một bộ dữ liệu nhỏ, để nhằm mục đích mô phỏng cách hoạt động của nó trong .Net ra làm sao (xin xem thêm bài Autocomplete search với Webservice và Jquery), hy vọng các bạn có thể giúp tôi hoàn thiện nó hơn, cải tiến nó hơn.

Cách code

Trước tiên chúng ta vào SQL server để tạo một database cho bài test này nhé

Add tiếp thêm vài row dữ liệu nữa

Vào trong web.config, thêm một chuỗi kết nối

Và tiếp theo là ra ngoài giao diện, tạo một cái giao diện như hình dưới đây
google like search in asp.net
Để cho textbox hoạt động việc autocomplete thì chúng ta thêm đoạn mã sau

Trong đó

  • ServicePath=”AutoComplete.asmx”
  • ServiceMethod=”GetBookList”
  • OnClientItemSelected=”aceBook_itemSelected”

Autocomplete.asmx là một web service bao gồm hàm GetBookList dành cho việc kích hoạt sự kiện Onchange của textbox. Sau khi add xong, thì web service thì gọi ra như sau

Dưới đây là hàm GetBookList

Ngoài ra còn một số class đơn giản cho việc tạo kết nối, truy suất tới database nữa

Vậy là xong cơ bản rồi, cuối cùng còn thêm hàm sử lý sự kiện click button Search nữa là xong nhỉ

Khi button search được click thì trong SQL câu lệnh truy vấn được generate ra như sau

Kết quả nhận được trong SQL
google like search in asp.net
Kết quả nhận được
google like search in asp.net

Download code

Ngoài ra, để tham khảo, các bạn download file mã nguồn bên dưới này về cho dễ học tập nhé

Download code

Bài viết được chia sẻ bởi
Sharecodeweb.com

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

Leave a comment

Bạn phải Đăng nhập để tham gia bình luận.

https://sharecodeweb.net/?s={search_term_string}

Blog Stats

  • 5.675 hits
%d bloggers like this: