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

Ngày đăng: 2023-01-10 10:19:08

 

       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. Bài này, chúng ta cùng nhau xây dựng chức năng tìm kiếm cho ứng dụng này nhé.

Mục lục:

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

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

          3. Lời kết

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:

Tiế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:

Bài viết này được đăng tại [free tuts .net]

<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 titlekeywords và descr:

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é!

3. Lời kết

       Bài này tương đối ngắn các bạn cầ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,  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 mình sẽ hỗ trợ các bạn. Cảm ơn các bạn đã theo dõi, chúc các bạn thành công!

 

 

 


Code games & Web Làm web tin tức căn bản bằng PHP

Bài viết trong cùng chuyên mục

Góc games giải trí



Cờ caro


Butterfly


Lật hình (luyện trí nhớ)

Cờ tướng ONLINE

Xếp hình

Ghép hình

15_PUZZLE

Kill ghosts

Banchim

Planet Defense

Tower game

Tower game

Plapy Bird (NH.Đông)

Vượt chướng ngại vật



0379136392

Thông tin liên hệ: Lê Văn Thuyên - ĐT: 0379136392 ; Gmail: lethuyen0379136392@gmail.com

Comment

 +   Lê Văn Thuyên-0379136392:Cảm ơn quý vị và các bạn đã vào Website của Lê Thuyên! Lê thuyên rất mong nhận được sự góp ý của quý vị và các bạn cho sự phát triển của website này. Xin chân thành cảm ơn!

Trả lời

 *   Dũng Trung-090567448:Lê Văn Thuyên0379136392--->Ok.Anh!

Trả lời

 *   Bé Nguyễn-benguyen@gmail,com:Lê Văn Thuyên0379136392--->Good job!

Trả lời

 +   -:

Trả lời

 +   -:

Trả lời

12747