06/04/2021, 14:46

Bài 14: PHP trang tin tức - Các chức năng cài đặt admin - 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 bằng PHP. Ở trong bài trước, chúng ta đã hoàn thiện các chức năng liên quan đến bài viết, trong bài học ngày hôm nay, mình sẽ hướng dẫn các bạn xây dựng các chức năng cài đặt, chỉnh sửa thông tin ...

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 bằng PHP. Ở trong bài trước, chúng ta đã hoàn thiện các chức năng liên quan đến bài viết, trong bài học ngày hôm nay, mình sẽ hướng dẫn các bạn xây dựng các chức năng cài đặt, chỉnh sửa thông tin cho ứng dụng. Chúng ta bắt tay vào làm thôi nhé!

1. Khái quát

Đây là một số chức năng liên quan đến hoạt động và các thông tin về SEO của ứng dụng như tiêu đề, mô tả, từ khoá,... 

Các đặc điểm và chức năng trong phần này là:

  • Phân quyền admin (chỉ có admin mới có quyền truy cập)
  • Chế độ đóng/mở hoạt động của ứng dụng
  • Chỉnh sửa các thông tin về SEO của ứng dụng

2. Tạo table thông tin website

Các bạn tạo table website và chạy lệnh SQL dưới đây:

CREATE TABLE `website` (
  `title` text COLLATE utf8_unicode_ci NOT NULL,
  `descr` longtext COLLATE utf8_unicode_ci NOT NULL,
  `keywords` text COLLATE utf8_unicode_ci NOT NULL,
  `status` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
INSERT INTO `website` (`title`, `descr`, `keywords`, `status`) VALUES
('Newspage', '', '', 0);
php trang tin tuc cac chuc nang cai dat admin table website jpg

Trong đó:

  • title: tiêu đề website
  • descr: mô tả website
  • keywords: từ khoá website
  • status: trạng thái website
    • status = 0: Không hoạt động
    • status = 1: Hoạt động

Mình đã insert sẵn 2 field titlestatus luôn rồi nhé!

 3. Phân quyền 

Các bạn mở file admin/templates/setting.php lên và chèn đoạn code này vào:

<?php

// Nếu đăng nhập
if ($user)
{
	// Nếu tài khoản là tác giả
	if ($data_user['position'] == 0)
	{
		echo '<div class="alert alert-danger">Bạn không có đủ quyền để vào trang này.</div>';
	}
	// Ngược lại tài khoản là admin
	else if ($data_user['position'] == 1)
	{
		echo '<h3>Cài đặt chung</h3>';

		// Mở/đóng hoạt động website

		// Chỉnh sửa thông tin website
	}
} 
else
{
	new Redirect($_DOMAIN); // Trở về trang index
}

?>
Sau đó, các bạn tải lại trang, chúng ta sẽ được kết quả như thế này:

php trang tin tuc cac chuc nang cai dat admin ket qua phan quyen jpg4. Chức năng trạng thái hoạt động

Chức năng này sẽ thay đổi trạng thái của website (đóng hoặc mở) dựa vào field status ở table website, thường dùng khi trong quá trình bảo trìn hay nâng cấp.

Xây dựng template

Mở file admin/templates/setting.php và copy đoạn code này bên dưới dòng // Mở/đóng hoạt động website:

echo 
'
<div class="panel panel-default">
  	<div class="panel-heading">
    	<h3 class="panel-title">Trang thái hoạt động</h3>
  	</div>
  	<div class="panel-body">
    	<form method="POST" id="formStatusWeb" onsubmit="return false;">
';

// Trạng thái website
$sql_get_stt_web = "SELECT status FROM website";
if ($db->num_rows($sql_get_stt_web)) {
	$data_web = $db->fetch_assoc($sql_get_stt_web, 1);

	if ($data_web['status'] == '0') {
		echo '
			<div class="radio">
				<label><input type="radio" value="1" name="stt_web"> Mở</label>
			</div>
			<div class="radio">
				<label><input type="radio" value="0" name="stt_web" checked> Đóng</label>
			</div>
		';
	} else if ($data_web['status'] == '1') {
		echo '
			<div class="radio">
				<label><input type="radio" value="1" name="stt_web" checked> Mở</label>
			</div>
			<div class="radio">
				<label><input type="radio" value="0" name="stt_web"> Đóng</label>
			</div>
		';
	}
}

echo '
			<button type="submit" class="btn btn-primary">Lưu</button><br><br>
			<div class="alert alert-danger hidden"></div>
    	</form>
  	</div>
</div>
';

Viết Ajax gửi dữ liệu

Các bạn mở file admin/js/form.js lên và chèn đoạn code này vào:

// Trạng thái website
$('#formStatusWeb button').on('click', function() {
	$stt_web = $('#formStatusWeb input[name="stt_web"]:radio:checked').val();

	$.ajax({
		url : $_DOMAIN + 'setting.php',
		type : 'POST',
		data : {
			stt_web : $stt_web,
			action : 'stt_web'
		}, success : function() {
			$('#formStatusWeb .alert').attr('class', 'alert alert-success');
			$('#formStatusWeb .alert').html('Thay đổi thành công.');
                        location.reload();
		}, error : function() {
			$('#formStatusWeb .alert').removeClass('hidden');
			$('#formStatusWeb .alert').html('Đã có lỗi xảy ra, hãy thử lại.');
		}
	});
});

Viết PHP xử lý dữ liệu

Để thực hiện chức năng này các bạn tạo file admin/setting.php và dán đoạn code này vào:

<?php

// Kết nối database và thông tin chung
require_once 'core/init.php';

// Nếu đăng nhập
if ($user) 
{
	// Nếu tồn tại POST action
	if (isset($_POST['action']))
	{
		// Xử lý POST action
		$action = trim(addslashes(htmlspecialchars($_POST['action'])));

		// Trạng thái website
		if ($action == 'stt_web') 
		{
			$stt_web = trim(htmlspecialchars(addslashes($_POST['stt_web'])));
			$sql_stt_web = "UPDATE website SET status = '$stt_web'";
			$db->query($sql_stt_web);
			$db->close();
		}
		// Chỉnh sửa thông tin website
	}
	else
	{
		new Redirect($_DOMAIN); // Trở về trang index
	}
}
else
{
	new Redirect($_DOMAIN); // Trở về trang index
}
Ok! Bây giờ các bạn chạy lại và xem kết quả nhé! 

5. Chức năng chỉnh sửa thông tin

Xây dựng template

Các bạn mở file admin/templates/setting.php lên và chèn nội dung này bên dưới dòng // Chỉnh sửa thông tin website:

$sqlGetInfoWeb = "SELECT title, descr, keywords FROM website";
if ($db->num_rows($sqlGetInfoWeb)) {
	$data_web = $db->fetch_assoc($sqlGetInfoWeb, 1);
}

echo
'
	<div class="panel panel-default">
	  	<div class="panel-heading">
	    	<h3 class="panel-title">Chỉnh sửa thông tin</h3>
	  	</div>
	  	<div class="panel-body">
	    	<form method="POST" id="formInfoWeb" onsubmit="return false;">
				<div class="form-group">
					<label>Tiều đề website</label>
					<input type="text" class="form-control" value="' . $data_web['title'] . '" id="title_web">
				</div>
				<div class="form-group">
					<label>Mô tả website</label>
					<textarea class="form-control" id="descr_web">' . $data_web['descr'] . '</textarea>
				</div>
				<div class="form-group">
					<label>Từ khoá website</label>
					<input type="text" class="form-control" value="' . $data_web['keywords'] . '" id="keywords_web">
				</div>
				<button class="btn btn-primary" type="submit">Lưu</button><br><br>
				<div class="alert alert-danger hidden"></div>
	    	</form>
	  	</div>
	</div>
';

VIết Ajax gửi dữ liệu

Copy đoạn code này và dán vào file js/form.js:

// Chỉnh sửa thông tin website
$('#formInfoWeb button').on('click', function() {
	$title_web = $('#title_web').val();
	$descr_web = $('#descr_web').val();
	$keywords_web = $('#keywords_web').val();

	$.ajax({
		url : $_DOMAIN + 'setting.php',
		type : 'POST',
		data : {
			title_web : $title_web,
			descr_web : $descr_web,
			keywords_web : $keywords_web,
			action : 'info_web'
		}, success : function() {
			$('#formInfoWeb .alert').attr('class', 'alert alert-success');
			$('#formInfoWeb .alert').html('Thay đổi thành công.');
			location.reload();
		}, error : function() {
			$('#formInfoWeb .alert').removeClass('hidden');
			$('#formInfoWeb .alert').html('Đã có lỗi xảy ra, hãy thử lại.');
		}

	});
});

VIết PHP xử lý dữ liệu

Các bạn copy và dán đoạn code này bên dưới dòng // Chỉnh sửa thông tin website ở file admin/setting.php:

else if ($action == 'info_web') 
{
	$title_web = trim(htmlspecialchars(addslashes($_POST['title_web'])));
	$descr_web = trim(htmlspecialchars(addslashes($_POST['descr_web'])));
	$keywords_web = trim(htmlspecialchars(addslashes($_POST['keywords_web'])));

	$sql_info_web = "UPDATE website SET 
		title = '$title_web',
		descr = '$descr_web',
		keywords = '$keywords_web'
	";
	$db->query($sql_info_web);
	$db->close();
}
Xong, giờ các bạn tải lại trang và chỉnh sửa các thông tin thử nhé!

6. Lời kết

Qua bài này chúng ta đã xây dựng xong các chức năng cài đặt của ứng dụng tin tức này. Trong bài kế tiếp, mình sẽ hướng dẫn các bạn xây dựng các chức năng về tài khoản. Nếu có thắc mắc, các bạn cứ comment bên dưới hoặc đăng lên group kèm theo đường dẫn bài viết để được hỗ trợ nhanh 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