Bài 5: PHP trang tin tức - Xây dựng header và footer admin

Ngày đăng: 2023-01-10 20:51:59

Bài trước, chúng ta đã kết nối database và cấu trúc index admin rồi ! Hôm nay, chúng ta sẽ xây dựng header và footer admin cho ứng dụng.

Mục lục:

1. Xây dựng header admin.

2. Xây dựng footer admin.

3. Lời kết.

1. Xây dựng header admin

Chúng ta sẽ code phần này trong file admin/includes/header.php, các bạn mở file này lên và copy nội dung này :

<!DOCTYPE html>

<html lang="vi">

<head>

<meta charset="UTF-8"/>

<title>Newspage Administration</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>

<link rel="stylesheet" href="<?php echo $_DOMAIN; ?>bootstrap/css/bootstrap.min.css"/>

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

</head>

<body>

<?php

// Nếu chưa đăng nhập

if (!$user)

{

echo

'

<div class="container">

<div class="page-header">

<h1>Newspage <small>Administration</small></h1>

</div>

</div>

';

}

// Nếu đăng nhập

else

{

echo

'

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

<div class="container-fluid">

<div class="navbar-header">

<a class="navbar-brand" href="' . $_DOMAIN . '">Newspage Administration</a>

</div>

</div>

</nav>

';

}

?>

Ở phần navbar, chúng ta sẽ kiểm tra có tồn tại đăng nhập không để hiển thị navbar tương ứng.

Bây giờ các bạn chạy thử :

php trang tin tuc xay dung header va footer admin ket qua header jpg

Nếu kết quả như thế này thì thành công rồi. Vì mình chưa đăng nhập nên nó sẽ hiển thị navbar đầu tiên.

2. Xây dựng footer admin

Phần này chúng ta sẽ viết ở file admin/includes/footer.php, các bạn mở file lên và copy đoạn code này :

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

</body>

</html>

Giờ các bạn chạy lại và xem nguồn trang nó như hình không nhé và kiểm tra mấy cái đường dẫn thư viện Ok chưa.

php trang tin tuc xay dung header va footer admin xem nguon trang jpg

3. Lời kết

Vậy là chúng ta đã xây dựng xong header và footer admin cho ứng dụng ! Sẽ có một số cập nhật cho hai phần này vào các bài sau. Bài sau, chúng ta sẽ viết chức năng đăng nhập, đăng xuất admin cho trang tin tức. Cảm ơn các bạn đã theo dõi và 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

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

Bài 5: PHP trang tin tức - Xây dựng header và footer admin

1. Xây dựng header admin

2. Xây dựng footer admin

3. Lời kết

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

Bài 1: PHP trang tin tức - Tạo database và cấu trúc folder admin

Bài 2: PHP trang tin tức - Viết thư viện xử lý database admin

Bài 3: PHP trang tin tức - Viết thư viện session và functions admin

Bài 4: PHP trang tin tức - Kết nối database và cấu trúc index admin

Bài 6: PHP trang tin tức - Tạo chức năng đăng nhập, đăng xuất admin

Bài 7: PHP trang tin tức - Xây dựng sidebar, content và phân trang admin

Bài 8: PHP trang tin tức - Các chức năng chuyên mục admin

Bài 9: PHP trang tin tức - Các chức năng chuyên mục admin (tiếp theo)

Bài 10: PHP trang tin tức - Các chức năng của hình ảnh admin

Bài 11: PHP trang tin tức - Các chức năng của hình ảnh admin (tiếp theo)

Bài 12: PHP trang tin tức - Các chức năng của bài viết admin

Bài 13: PHP trang tin tức - Các chức năng của bài viết admin (tiếp theo)

Bài 14: PHP trang tin tức - Các chức năng cài đặt admin

Bài 15: PHP trang tin tức - Các chức năng của tài khoản admin

Bài 16: PHP trang tin tức - Các chức năng của tài khoản admin (tiếp theo)

Bài 17: PHP trang tin tức - Các chức năng của profile admin

Bài 18: PHP trang tin tức - Các chức năng của profile admin (tiếp theo)

Bài 19: PHP trang tin tức - Xây dựng dashboard admin và fix bug

Bài 20: PHP trang tin tức - Cấu trúc folder client

Bài 21: PHP trang tin tức - Kết nối database và rewrite url

Góc games giải trí