Tập đoàn công nghệ Vico

xây dựng chức năng tìm kiếm cho website

04/08/2021
(5/5) - 166 bình chọn.
Trong bài này tôi sẽ hướng dẫn các bạn cách xây dựng một chức năng tìm kiếm kì đơn giản, đây được xem là chức năng mà đa số website nào cũng cần phải có.

1. Xây dựng Cơ sở dữ liệu để tìm kiếm

Trước tiên bạn cần tạo một database tên là basic, sau đó sử dụng đoạn code dưới đây để tạo table và thêm một số dòng dữ liệu.

xây dựng chức năng tìm kiếm cho website

xây dựng chức năng tìm kiếm cho website

2. Xây dựng Form tìm kiếm

Bạn tạo file search.php và xây dựng cấu trúc HTML cho form tìm kiếm như sau:

  • Gồm một input và một nút submit là đủ cho bài học này rồi, do chúng ta phải truyền đối số vào url nên chúng ta đặt method của form bằng phương thức GET.
  • Action của Form tôi trỏ đến file hiện tại luôn nên tất cả code PHP xử lý tìm kiếm tôi sẽ đặt trong file này luôn.

xây dựng chức năng tìm kiếm cho website

Trong đoạn code trên mình có khai báo một vị trí dùng để code PHP, như vậy ta sẽ code PHP xử lý tìm kiếm tại vị trí đó. Khâu chuẩn bị xem như hoàn tất, bây giờ đến phần sử dụng php kết nối với mysql để xử và show dữ liệu từ database ra ngoài.

3. Cần phải hiểu trước khi làm bài

Trước tiên chúng ta cần kiểm tra người dùng có nhấn vào button tìm kiếm hay không? Bắt buộc chúng ta phải thực hiện bước này tại vì khi submit mới cần xử lý truy vấn database để lấy thông tin tìm kiếm.

Bình thường việc check submit form ta sẽ dùng biến $_POST nhưng vì chúng ta sử dụng phương thức GET nên ta phải sử dụng biến $_GET để kiểm tra. Nhưng trong bài này tôi sẽ thay thế $_GET bằng một biến môi trường khác chính là $_REQUEST có tác dụng là nhận request từ cả 2 phương thức trên.

xây dựng chức năng tìm kiếm cho website

$_REQUEST['ok'] chính là tên của button tìm kiếm. Như vậy để kiểm tra người dùng click hay chưa thì ta chỉ cần kiểm tra tên của button đó có tồn tại hay không.

4. Xử lý tìm kiếm với lệnh Like trong MySql

Mình sẽ đưa ra full code luôn nhé vì trong code mình có giải thích rất kỹ rồi.

xây dựng chức năng tìm kiếm cho website

xây dựng chức năng tìm kiếm cho website

xây dựng chức năng tìm kiếm cho website


Bài viết liên quan
0918585505
Thời gian tiếp nhận:
9:00~18:00 từ Thứ Hai đến Thứ Sáu