Skip to main content

Простая пагинация на PHP и MySQL

Простая пагинация на PHP и MySQL

Это руководство о том, как сделать простое разбиение на страницы, используя PHP и MySQL с плагином jQuery Simple Pagination.
Simplepagination.js — это простой плагин для jQuery, поддерживающий CSS3 и Bootstrap.

Шаг 1: Включаем все js и css файлы

Плагин jQuery Simple Pagination скачиваем отсюда.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="dist/simplePagination.css" />
<script src="dist/jquery.simplePagination.js"></script>

Шаг 2: Создаём соединение с MySQL с использованием PHP

<?
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "test";

$conn = mysqli_connect($servername, $username, $password, $dbname) or die("Connection failed: " . mysqli_connect_error());
if (mysqli_connect_errno()) {
	printf("Ошибка соединения: %s\n", mysqli_connect_error());
	exit();
}
?>

Шаг 3: Создаём HTML таблицы с записями MySQL

<table class="table table-bordered">  
	<thead>  
	<tr>  
	<th>Имя</th>  
	<th>Оклад</th>
	<th>Возраст</th>  
	</tr>  
	</thead>  
	<tbody>  
	<?php
    $sql = "SELECT COUNT(id) FROM employee";  
    $rs_result = mysqli_query($conn, $sql);
	while ($row = mysqli_fetch_assoc($rs_result)) {
	?>  
		<tr>  
			<td><?php echo $row["employee_name"]; ?></td>  
			<td><?php echo $row["employee_salary"]; ?></td>  
			<td><?php echo $row["employee_age"]; ?></td>  
		</tr>  
	<?php  
	};  
	?>  
	</tbody>  
</table>
	  
<?php  
$sql = "SELECT COUNT(id) FROM employee";  
$rs_result = mysqli_query($conn, $sql);  
$row = mysqli_fetch_row($rs_result);  
$total_records = $row[0];  
$total_pages = ceil($total_records / $limit);  
$pagLink = "<nav><ul class='pagination'>";  
for ($i=1; $i<=$total_pages; $i++) {  
			 $pagLink .= "<li><a href='index.php?page=".$i."'>".$i."</a></li>";  
};  
echo $pagLink . "</ul></nav>";  
?>

Шаг 4: Вызываем метод simplePagination для контейнера разбиения на страницы

<script>
$(document).ready(function(){
	$('.pagination').pagination({
		items: <?php echo $total_records;?>,
		itemsOnPage: <?php echo $limit;?>,
		cssStyle: 'light-theme',
		currentPage : <?php echo $page;?>,
		hrefTextPrefix : 'index.php?page='
	});
});
</script>
Похожие записи
Работа с MySQL в PHP

Как в PHP установить соединение с базой данных MySQL, вывести, добавить и удалить записи из... Читать далее

Как выполнять SQL запросы WordPress с помощью класса wpdb

Взаимодействие с базой данных в CMS WordPress осуществляется с помощью класса wpdb. Класс позволяет осуществлять... Читать далее

Перенос сайта на WordPress на другой домен

В повседневной работе часто приходится сталкиваться с переносом сайта на WordPress с локального или тестового... Читать далее

Всплывающее окно при закрытии страницы

Стоп-форма - это всплывающее окно, призывающее к действию, которое открывается через определенное время нахождения пользователя... Читать далее

Календарь в input для ввода даты

Чтобы при вводе даты в input выпадал удобный календарик можно воспользоваться двумя способами: стандартным полем... Читать далее

Добавить комментарий

*

code