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

<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
}

?>