Bài 23: PHP trang tin tức - Xây dựng layout client

Mục lục: 

         1. Sửa lỗi bài trước

         2. Xây dựng menu

         3. Phân trang content

         4. Lời kết

<script src="<?php echo $_DOMAIN; ?>admin/js/jquery.min.js"></script>

<script src="<?php echo $_DOMAIN; ?>admin/bootstrap/js/bootstrap.min.js"></script>

<nav class="navbar navbar-default" role="navigation">

    <div class="container-fluid">

        <div class="navbar-header">

            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

                <span class="sr-only">Toggle navigation</span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

            </button>

            <a class="navbar-brand" href="<?php echo $_DOMAIN; ?>">Newspage</a>

        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

            <ul class="nav navbar-nav">

                <?php

                        // Lấy danh sách chuyên mục cấp 1

                $sql_get_list_menu_1 = "SELECT * FROM categories WHERE type = '1' ORDER BY sort ASC";

                if ($db->num_rows($sql_get_list_menu_1)) {

                                // In chuyên mục cấp 1

                    foreach ($db->fetch_assoc($sql_get_list_menu_1, 0) as $data_menu_1) {

                                        // Lấy chuyên mục cấp 2 theo id cha (cấp 1)

               $sql_get_list_menu_2 = "SELECT * FROM categories WHERE type = '2' AND parent_id = '$data_menu_1[id_cate]' ORDER BY sort ASC";

                        if ($db->num_rows($sql_get_list_menu_2)) {

                                                // In chuyên mục cấp 2

                            $sub_menu = '<ul class="dropdown-menu">';

                                foreach ($db->fetch_assoc($sql_get_list_menu_2, 0) as $data_menu_2) {

                            $sub_menu .= '<li><a href="' . $_DOMAIN . 'category/' . $data_menu_2['url'] . '">' . $data_menu_2['label'] . '</a>                                     </li>';

                                }

                            $sub_menu .= '</ul>';

                            echo '

                                <li class="dropdown">

                           <a href="' . $_DOMAIN . 'category/' . $data_menu_1['url'] . '" class="dropdown-toggle" data-toggle="dropdown">' .                                        $data_menu_1['label'] . ' <span class="caret"></span></a>

                                    ' . $sub_menu . '

                                </li>

                            ';

                        } else {

                            $sub_menu = '';

             echo '<li><a href="' . $_DOMAIN . 'category/' . $data_menu_1['url'] . '">' . $data_menu_1['label'] . '</a>' . $sub_menu . '</li>';

                        }

                    }

                }

                ?>

            </ul>

            <ul class="nav navbar-nav navbar-right">

                <li data-toggle="modal" data-target="#boxSearch"><a href="#"><span class="glyphicon glyphicon-search"></span></a></li>

            </ul>

        </div>

    </div>

</nav>

<div class="modal fade" id="boxSearch" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>

                <h4 class="modal-title" id="myModalLabel">Tìm kiếm</h4>

            </div>

            <div class="modal-body">

                <form action="<?php echo $_DOMAIN; ?>" method="GET">

                    <div class="input-group">

                        <input type="text" class="form-control" name="s" placeholder="Bạn muốn tìm gì?">

                        <span class="input-group-btn">

                            <button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span></button>

                        </span>

                    </div>

                </form>

            </div>

        </div>

    </div>

</div>

// Chuyên mục cấp 1

$sql_cate_1 = "...";

foreach () { // Vòng lặp 1

    ...

    // Chuyên mục 2

    $sql_cate_2 = "... WHERE parent_id = '$id_cate_1'";

    foreach() { // Vòng lặp 2

        ...

        // Chuyên mục 3

        $sql_cate_3 = "... WHERE parent_id = '$id_cate_2'";

        foreach() { // Vòng lặp 3

            ...

        }

    }

}

<?php

// Trang nội dung bài viết

if (isset($_GET['sp']) && isset($_GET['id'])) {

    require 'templates/posts.php';

// Trang chuyên mục

} else if (isset($_GET['sc'])) {

    require 'templates/categories.php';

// Trang tìm kiếm

} else if (isset($_GET['s'])) {

    require 'templates/search.php';

// Trang chủ

} else {

 // code

}

?>