06/04/2021, 14:46

Bài 27: PHP trang tin tức - Xây dựng chức năng tìm kiếm - Web tin tức PHP căn bản

Xin chào tất cả các bạn, chào mừng các bạn đã quay trở lại với series hướng dẫn xây dựng trang tin tức cơ bản tại Zaidap.com. Trong bài học trước, chúng ta đã cùng nhau xây dựng trang hiển thị nội dung bài viết. Hôm nay, mình sẽ hướng dẫn các bạn xây dựng chức năng tìm kiếm cho ứng dụng này. Chúng ...

Xin chào tất cả các bạn, chào mừng các bạn đã quay trở lại với series hướng dẫn xây dựng trang tin tức cơ bản tại Zaidap.com. Trong bài học trước, chúng ta đã cùng nhau xây dựng trang hiển thị nội dung bài viết. Hôm nay, mình sẽ hướng dẫn các bạn xây dựng chức năng tìm kiếm cho ứng dụng này. Chúng ta bắt đầu ngay thôi!

1. Xây dựng template hộp tìm kiếm

Trong bài 22, chúng ta đã xây dựng template cho hộp tìm kiếm rồi, các bạn có thể chạy project rồi click vào icon tìm kiếm, một hộp thoại sẽ mở ra như hình bên dưới:

php trang tin tuc xay dung chuc nang tim kiem template jpgTiếp theo chúng ta sẽ xây dựng trang để show kết quả tìm kiếm.

2. Viết trang hiển thị kết quả tìm kiếm

Các bạn mở file templates/search.php lên và copy nội dung này vào:

<div class="container">
	<div class="row">
		<h3>Tìm kiếm</h3>
		<?php

		// Lấy tham số từ khóa tìm kiếm
		$s = trim(htmlspecialchars(addslashes($_GET['s'])));

		if ($s) {
			// Lấy số hàng trong table
			$sqlGetCountPost = "SELECT id_post FROM posts WHERE status = '1' AND title LIKE '%$s%' OR keywords LIKE '%$s%' OR descr LIKE '%$s%'";
		    $countPost = $db->num_rows($sqlGetCountPost);

			// Lấy tham số trang
			if (isset($_GET['p'])) {
		      $page = trim(htmlspecialchars(addslashes($_GET['p'])));

		      if (preg_match('/d/', $page)) {
		        $page = $page;
		      } else {
		        $page = 1;
		      }
		    } else {
		      $page = 1;
		    }

		    $limit = 20; // Giới hạn số bài viết hiển thị trong 1 trang
		    $totalPage = ceil($countPost / $limit); // Tổng số trang sau khi tính toán
		        
		    // Validate tham số page    
		    if ($page > $totalPage) {
		      $page = $totalPage;
		    } else if ($page < 1) {
		      $page = 1;
		    }
		      
		    $start = ($page - 1) * $limit;

			$sql_get_news = "SELECT * FROM posts WHERE status = '1' AND title LIKE '%$s%' OR keywords LIKE '%$s%' OR descr LIKE '%$s%' ORDER BY id_post DESC LIMIT $start, $limit";
			if ($db->num_rows($sql_get_news)) {
				foreach ($db->fetch_assoc($sql_get_news, 0) as $data_post) {
					echo '
						<div class="col-md-3">
		                    <div class="thumbnail">
		                        <a href="' . $_DOMAIN . $data_post['slug'] . '-' . $data_post['id_post'] . '.html">
		                            <img src="' . $data_post['url_thumb'] . '">
		                        </a>
		                        <div class="caption">
		                            <h3><a href="' . $_DOMAIN . $data_post['slug'] . '-' . $data_post['id_post'] . '.html">' . $data_post['title'] . '</a></h3>
		                            <p>' . $data_post['descr'] . '</p>
		                        </div>
		                    </div>
		                </div>
					';
				}

				echo '</div>';

				echo '
					<div class="btn-toolbar" role="toolbar">
						<div class="btn-group">
				';

				# Pagination button
		      	if ($page > 1 && $totalPage > 1) {
		        	echo '
		          		<a href="' . $_DOMAIN . ($page - 1 ) . '" class="btn btn-default">
		            		<span class="glyphicon glyphicon-chevron-left"></span>
		          		</a>
		        	';
		      	}
		       
		      	for ($i = 1; $i <= $totalPage; $i++) {
		        	if ($i == $page){
		          		echo '<a class="btn btn-primary">' . $i . '</a>';
		        	} else {
		          		echo '
		            		<a href="' . $_DOMAIN . $i . '" class="btn btn-default">
		              			' . $i . '
		            		</a>
		          		';
		        	}
		      	}
		       
		      	if ($page < $totalPage && $totalPage > 1) {
		        	echo '
		          		<a href="' . $_DOMAIN . ($page + 1 ) . '" class="btn btn-default">
		            		<span class="glyphicon glyphicon-chevron-right"></span>
		          		</a>
		        	';
		      	}

		      	echo '
						</div>
					</div>
		      	';
		    } else {
		    	echo '<div class="well well-lg">Không tìm thấy kết quả nào.</div>';
		    }
		} else {
			echo '<div class="alert alert-danger">Vui lòng nhập từ khóa tìm kiếm.</div>';
		}

		?>
	</div>
</div>
Để có thể tìm kiếm, mình đã sử dụng câu lệnh LIKE trong SQL, câu lệnh này có chức năng kiểm tra $s gần giống hoặc giống với dữ liệu trong table posts hay không? Ở đây mình chọn lọc theo field title, keywordsdescr:

title LIKE '%$s%' OR keywords LIKE '%$s%' OR descr LIKE '%$s%'

Nếu bạn nào không biết về lệnh LIKE  có thể tham khảo bài viết này.

Ok, giờ các bạn lưu lại và chạy thử xem kết quả như mong muốn chưa nhé!

php trang tin tuc xay dung chuc nang tim kiem ket qua jpg

3. Lời kết

Kết thúc bài này ở đây, bài này tương đối ngắn nên mình cần các bạn nắm được câu lệnh SQL để làm một chức năng tìm kiếm đơn giản. Qua bài sau, mình sẽ hướng dẫn các bạn xây dựng các trang còn lại và clear source cho ứng dụng. Nếu có thắc mắc gì các bạn cứ comment bên dưới hoặc đăng trên group kèm theo link bài viết để được hỗ trợ sớm nhất. Cảm ơn các bạn đã theo dõi, chúc các bạn thành công!

Tạ Quốc Bảo

23 chủ đề

7270 bài viết

Cùng chủ đề
0