آموزش صفحه بندی مطالب در php

02 اسفند 1399

آقایی

آموزش برنامه نویسی php

3.3k بازدید

آموزش صفحه بندی مطالب در php یکی از مباحث پرکاربرد در زبان برنامه نویسی php است. صفحه بندی مطالب به بهبود تجربه کاربری یا همان UX سایت کمک شایانی می کند. در این پست قصد داریم به آموزش صفحه بندی مطالب در php بپردازیم.

صفحه بندی اطلاعات دیتابیس

صفحه بندی اطلاعات دیتابیس ، برای نمایش بهتر داده ها در صفحات استفاده می شود. اگر شما تعداد زیادی محتوای پایگاه داده را در یک صفحه پشت سرهم نمایش دهید کاربران سایت سردرگم خواهند شد و مدت زیادی را باید صرف بررسی این تعداد محتوا کنند. صفحه بندی اطلاعات دیتابیس در چنین حالتی منجر به خوانایی و فهم بهتر محتوا خواهد شد. برای صفحه بندی اطلاعات دیتابیس، باید یک مجموعه داده گسترده داشته باشیم. پس در ابتدای کار یک پایگاه داده و یک جدول ایجاد می کنیم. آموزش های مربوط به ساخت پایگاه داده و ایجاد جداول را می توانید در این صفحه مشاهده نمایید. در اینجا برای آموزش صفحه بندی در php دو مثال ساده را بررسی می کنیم.

مراحل ایجاد صفحه بندی

بطور کلی مراحل ایجاد صفحه بندی به شرح زیر است:

ایجاد جدول و پایگاه داده
ثبت رکوردها در جدول
ایجاد ارتباط با پایگاه داده
ساخت لینک صفحه بندی و اضافه کردن آن به جدول
دریافت داده از پایگاه داده

مثال اول: نمایش حروف الفبا در چند صفحه

در اولین مثال از آموزش صفحه بندی در php، می خواهیم یکسری رکوردهای حروف الفبا را در چند صفحه نمایش دهیم. مراحل گفته شده در بالا را یک به یک بررسی می کنیم.

ساخت پایگاه داده در mysql

ساخت پایگاه داده در mysql اولین کاری است که باید انجام دهیم در بخش آموزش پایگاه داده نحوه ساخت پایگاه بوسیله کدنویسی را بررسی کردیم. اما در این بخش می خواهیم ساخت پایگاه داده در mysql را با کمک ابزار phpmyadmin انجام دهیم. توسط این ابزار یک پایگاه داده با عنوان pagination ساخته و جدولی بنام alphabet برای آن ایجاد می کنیم. در تصویر زیر

اتصال به دیتابیس در php

اتصال به دیتابیس در php یک اقدام ضروری است که باید پس از ساخت پایگاه انجام شود. با این کار شما قادر خواهید بود اطلاعات ذخیره شده در دیتابیس را در سایت خود نمایش دهید. برای اتصال به دیتابیس در php از دستور زیر استفاده می کنیم:

$conn = mysqli_connect('localhost', 'root', '');
if (! $conn) {
die("Connection failed" . mysqli_connect_error());
}
else {
mysqli_select_db($conn, 'pagination');
}

با کمک دستور زیر شماره صفحه فعلی خود را مشخص کنیم :

if (!isset ($_GET['page']) ) {
$page = 1;
} else {
$page = $_GET['page'];
}

این کد شماره صفحه ای که اکنون کاربر در حال مشاهده آن است را مشخص می کند و در صورتی که موجود نباشد مقدار پیشفرض 1 را برای شماره صفحه تنظیم می کند.

تعیین فرمول صفحه بندی

مهم ترین قسمت از آموزش صفحه بندی در php مربوط به تعیین فرمول هاست. نحوه چیدمان رکوردها در صفحات براساس نوع داده و حجم اطلاعاتی داده ها متفاوت است ولی انتخاب شیوه مناسب چینش رکوردها بسیار اهمیت دارد. در این مثال ما قصد داریم در هر صفحه 10 رکورد قرار دهیم. بنابراین به سه صفحه به شرح زیر نیاز داریم:

صفحه‌ی 1 – A تا J: از 1 تا 10

صفحه‌ی 2 – K تا T: از 11 تا 20

صفحه‌ی 3 – U تا Z: از 21 تا 26

نحوه نوشتن فرمول صفحه بندی بصورت زیر است:

$results_per_page = 10;
$page_first_result = ($page-1) * $results_per_page;

حال می خواهیم تعداد کل صفحات را محاسبه کنیم. ابتدا باید تعداد رکوردهای جدول پایگاه داده را مشخص کنیم و آنرا بر 10 تقسیم کنیم تا تعداد کل صفحات ما بدست آید.

$query = "select *from alphabet";
$result = mysqli_query($conn, $query);
$number_of_result = mysqli_num_rows($result);

//determine the total number of pages available
$number_of_page = ceil ($number_of_result / $results_per_page);

خواندن اطلاعات از دیتابیس php

خواندن اطلاعات از دیتابیس php ، گام بعدی است که داده ها را از دیتابیس بازیابی کرده و در صفحات مشخص شده تقسیم می کند.

$query = "SELECT *FROM alphabet LIMIT " . $page_first_result . ',' . $results_per_page;
$result = mysqli_query($conn, $query);

//display the retrieved result on the webpage
while ($row = mysqli_fetch_array($result)) {
echo $row['id'] . ' ' . $row['alphabet'] . '</br>';
}

آخرین گام مربوط به نمایش صفحات در URL است که کد آن بصورت زیر نوشته می شود:

for($page = 1; $page<= $number_of_page; $page++) {
echo '<a href = "index2.php?page=' . $page . '">' . $page . ' </a>';

نتیجه نهایی

اکنون تمام آنچه که در این مثال گفته شد را در یک فایل قرار می دهیم کد زیر، کد نهایی ما است:

<html>
<head>
<title> Pagination </title>
</head>
<body>

<?php

//database connection
$conn = mysqli_connect('localhost', 'root', '');
if (! $conn) {
die("Connection failed" . mysqli_connect_error());
}
else {
mysqli_select_db($conn, 'pagination');
}

//define total number of results you want per page
$results_per_page = 10;

//find the total number of results stored in the database
$query = "select *from alphabet";
$result = mysqli_query($conn, $query);
$number_of_result = mysqli_num_rows($result);

//determine the total number of pages available
$number_of_page = ceil ($number_of_result / $results_per_page);

//determine which page number visitor is currently on
if (!isset ($_GET['page']) ) {
$page = 1;
} else {
$page = $_GET['page'];
}

//determine the sql LIMIT starting number for the results on the displaying page
$page_first_result = ($page-1) * $results_per_page;

//retrieve the selected results from database
$query = "SELECT *FROM alphabet LIMIT " . $page_first_result . ',' . $results_per_page;
$result = mysqli_query($conn, $query);

//display the retrieved result on the webpage
while ($row = mysqli_fetch_array($result)) {
echo $row['id'] . ' ' . $row['alphabet'] . '</br>';
}

//display the link of the pages in URL
for($page = 1; $page<= $number_of_page; $page++) {
echo '<a href = "index2.php?page=' . $page . '">' . $page . ' </a>';
}

?>
</body>
</html>

خروجی این کد به این فرم است:

مثال دوم: صفحه بندی اطلاعات دیتابیس

در مثال دوم برای آموزش صفحه بندی در php ، از کدهای CSS نیز برای نمایش جذاب تر صفحات استفاده شده است. این مثال به شما نشان می دهد که چگونه صفحه بندی را بصورت خلاقانه تر انجام دهید. در شروع کار دو فایل connection.php و index1.php را ایجاد می کنیم. فایل اول برای اتصال به پایگاه داده و دومین فایل برای ایجاد صفحه بندی استفاده می شود. در داخل فایل connection .php دستورات زیر را قرار می دهیم.

<?php
$conn = mysqli_connect('localhost', 'root', '');
if (! $conn) {
die("Connection failed" . mysqli_connect_error());
}
else {
mysqli_select_db($conn, 'pagination');
}
?>

در فایل مربوط به صفحه بندی نیز کدهای مربوط به لینک صفحات و همینطور استایل صفحات را قرار می دهیم. بصورت زیر:

<html>
<head>
<title>Pagination</title>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
table {
border-collapse: collapse;
}
.inline{
display: inline-block;
float: right;
margin: 20px 0px;
}

input, button{
height: 34px;
}

.pagination {
display: inline-block;
}
.pagination a {
font-weight:bold;
font-size:18px;
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
border:1px solid black;
}
.pagination a.active {
background-color: pink;
}
.pagination a:hover:not(.active) {
background-color: skyblue;
}
</style>
</head>
<body>
<center>
<?php

// Import the file where we defined the connection to Database.
require_once "connection.php";

$per_page_record = 4; // Number of entries to show in a page.
// Look for a GET variable page if not found default is 1.
if (isset($_GET["page"])) {
$page = $_GET["page"];
}
else {
$page=1;
}

$start_from = ($page-1) * $per_page_record;

$query = "SELECT * FROM student LIMIT $start_from, $per_page_record";
$rs_result = mysqli_query ($conn, $query);
?>

<div class="container">
<br>
<div>
<h1>Pagination Simple Example</h1>
<p>This page demonstrates the basic
Pagination using PHP and MySQL.
</p>
<table class="table table-striped table-condensed
table-bordered">
<thead>
<tr>
<th width="10%">ID</th>
<th>Name</th>
<th>College</th>
<th>Score</th>
</tr>
</thead>
<tbody>
<?php
while ($row = mysqli_fetch_array($rs_result)) {
// Display each field of the records.
?>
<tr>
<td><?php echo $row["Rank"]; ?></td>
<td><?php echo $row["Name"]; ?></td>
<td><?php echo $row["College"]; ?></td>
<td><?php echo $row["Score"]; ?></td>
</tr>
<?php
};
?>
</tbody>
</table>

<div class="pagination">
<?php
$query = "SELECT COUNT(*) FROM student";
$rs_result = mysqli_query($conn, $query);
$row = mysqli_fetch_row($rs_result);
$total_records = $row[0];

echo "</br>";
// Number of pages required.
$total_pages = ceil($total_records / $per_page_record);
$pagLink = "";

if($page>=2){
echo "<a href='index1.php?page=".($page-1)."'> Prev </a>";
}

for ($i=1; $i<=$total_pages; $i++) {
if ($i == $page) {
$pagLink .= "<a class = 'active' href='index1.php?page="
.$i."'>".$i." </a>";
}
else {
$pagLink .= "<a href='index1.php?page=".$i."'>
".$i." </a>";
}
};
echo $pagLink;

if($page<$total_pages){
echo "<a href='index1.php?page=".($page+1)."'> Next </a>";
}

?>
</div>

<div class="inline">
<input id="page" type="number" min="1" max="<?php echo $total_pages?>"
placeholder="<?php echo $page."/".$total_pages; ?>" required>
<button onClick="go2Page();">Go</button>
</div>
</div>
</div>
</center>
<script>
function go2Page()
{
var page = document.getElementById("page").value;
page = ((page><?php echo $total_pages; ?>)?<?php echo $total_pages; ?>:((page<1)?1:page));
window.location.href = 'index1.php?page='+page;
}
</script>
</body>
</html>

آموزش صفحه بندی مطالب در php : خروجی نمایش داده شده برای این کدها بصورت زیر است :

با کمک صفحه بندی pagination در php شما می توانید نمایش بهتری از مطالب خود داشته باشید. قرار دادن مطالب کمتر در صفحات باعث کاهش زمان بارگذاری صفحات می شود و نظم بهتری به ظاهر سایت شما می دهد. ما در این دو مثال آموزش صفحه بندی در php را به ساده ترین شکل بیان کردیم. شما می توانید با صرف زمان بیشتر عملکرد این کدها و استایل دهی به آنها را بهبود دهید.

آموزش صفحه بندی مطالب در php

صفحه بندی اطلاعات دیتابیس

مراحل ایجاد صفحه بندی

مثال اول: نمایش حروف الفبا در چند صفحه

ساخت پایگاه داده در mysql

اتصال به دیتابیس در php

تعیین فرمول صفحه بندی

خواندن اطلاعات از دیتابیس php

نتیجه نهایی

مثال دوم: صفحه بندی اطلاعات دیتابیس

دیدگاهتان را بنویسید لغو پاسخ

لیست محتوای این بخش

صفحه بندی اطلاعات دیتابیس

مراحل ایجاد صفحه بندی

مثال اول: نمایش حروف الفبا در چند صفحه

ساخت پایگاه داده در mysql

اتصال به دیتابیس در php

تعیین فرمول صفحه بندی

خواندن اطلاعات از دیتابیس php

نتیجه نهایی

مثال دوم: صفحه بندی اطلاعات دیتابیس

آخرین ویدیوهای وبسافت3

چگونه پروژه طراحی سایت بگیریم + ویدیو

درآمد طراحی سایت با وردپرس در ایران ❤️ آپدیت 1402

بهترین زبان برنامه نویسی برای طراحی سایت + ویدیو

روش های جدید کسب درآمد از وردپرس 1402

بازار کار وردپرس در ایران

نظرات :

دیدگاهتان را بنویسید لغو پاسخ

لیست محتوای این بخش