Cara Membuat Paging Dengan PHP

Paging ataupun pagination merupakan sebuah teknik yang digunakan untuk membagi sebuah konten pada halaman web menjadi beberapa halaman. Konten halaman yang telah dibagi tersebut akan diberi link navigasi penomoran halaman sehingga user dapat melihat konten pada halaman yang lain. 

Tujuan utama dari membuat paging ini sebenarnya juga untuk membatasi konten utama yang dilihat user supaya tidak terlalu panjang, dan juga mempermudah user dalam menjelajah konten yang terdapat pada situs web melalui navigasi penomoran halaman yang terdapat dibawahnya.

Membuat Paging Dengan PHP MySQLi

Supaya tidak memakan banyak waktu, silahkan Anda unduh dulu contoh source code yang nantinya akan kita tambahkan sebuah fungsi yang bisa digunakan untuk melakukan paging. Silhakan unduh pada halaman berikut :

 Lihat.

•  CRUD PHP Procedural Style
• Tutorial PHP : Membatasai Jumlah Pagination yang Ditampilkan

Saya asumsikan bahwa sekarang Anda sudah mengunduh source code yang ada dan memasangnya pada folder projek masing – masing. Selanjutnya lakukan langkah – langkah berikut ini.

1. Buka file function.php dan tambahkan baris kode seperti berikut ini
   

   function LimitForPagination(){
    global $halaman;
    $halaman=4;
    $page=isset($_GET['halaman']) ? (int) $_GET['halaman']:1;
    $mulai=($page>1) ? ($page*$halaman)-$halaman:0;
    
    $limit=query("SELECT id, nim, nama_mahasiswa, foto_mahasiswa FROM datamhs order by id desc LIMIT $mulai, $halaman");
    return $limit;
   }

2. Selanjutnya buka file tampil_data.php lalu ganti isi kodenya menggunakan kode berikut
   

   <?php
   include ('koneksi.php');
   include ('function.php');
   ?>
   <html>
   <head>
    <title>Menampilkan data root93.co.id</title>
   </head>
   <body>
   
   <?php
   //memanggi function
   $result = LimitForPagination();
   
     //mengeksekusi function didalam percabangan
     if($result){
     //jika data di tabel lebih besar dari 0 atau memiliki data maka eksekusi perulangan atau looping
     if(mysqli_num_rows($result)>0){
     echo "<table border='1' width='500'>";
     echo "<tr>";
     echo "<th>ID</th>";
     echo "<th>NIM</th>";
     echo "<th>NAMA MAHASISWA</th>";
     echo "<th>FOTO</th>";
     echo "<th>AKSI</th>";
     echo "</tr>";
     
     //loping data dengan limit query
     while($row=mysqli_fetch_array($result)){
     echo "<tr>";
     echo "<td>".$row['id']."</td>";
     echo "<td>".$row['nim']."</td>";
     echo "<td>".$row['nama_mahasiswa']."</td>";
   
     if(empty($row['foto_mahasiswa'])){
      echo "<td><img height='100px' width='80px' src='default_foto.jpg' /></td>";
     }else{
      echo "<td><img height='100px' width='80px' src='foto/".$row['foto_mahasiswa']."' /></td>";
   
     } 
     
     echo "<td>";
     echo "<a href='delete.php?id=".$row['id']." 'title = 'delete'>DELETE</a>";
     echo " | ";
     echo "<a href='detail.php?id=".$row['id']." 'title= detail'>DETAIL</a>";
     echo " | ";
     echo "<a href='update.php?id=".$row['id']." 'title= update'>UPDATE</a>";
     echo "</td>";
   
     echo "</tr>";
    }
     echo "</table>";
     echo "<a href='index.php'>Input data</a><br>";
     //free result
     mysqli_free_result($result);
    
    //namun jika tidak lebih besar dari pada > 0 atau tidak ditemukan data maka jalan perintah berikut
   }else{
    echo "Data tidak ditemukan";
   }
   //percabangan result ketika function tidak bisa mengeksekusi perintah
   }else{
    echo "Terjadi kesalahan. Coba lagi nanti".mysqli_error($koneksi);
   }
   
   
   
   ?>
   <?php
   $tampil=tampil_data(); //memanggil fungsi tampil_data supaya bisa di num rows
   $total=mysqli_num_rows($tampil); //mengmabil jumlah data
   $pages=ceil($total/$halaman); //memabagi jumlah data
   echo 'Halaman:';
   for($i=1; $i<=$pages; $i++){
    echo '
    <a href="?halaman='.$i.'">'.$i.'</a>
   
    ';
   }
   ?>
   
   
   </body>
   </html>

Penjelasan Kode Paging PHP

• LimitForPagination merupakan nama fungsi paging yang kita buat sendiri
• global $halaman supaya variabel halaman bisa di akses dari luar fungsi
• $halaman=4 adalah nilai yang akan ditampilkan perhalamannya
• $page=isset($_GET['halaman']) ? (int) $_GET['halaman']:1; jika terjadi get halaman maka nilainya harus berupa data angka atau integer jika tidak reques get maka nilai defaultnya adalah 1
• $mulai=($page>1) ? ($page*$halaman)-$halaman:0; kondisi ini akan terpenuhi jika nilai pada $page lebih besar dari 1, jika variabel $page lebih besar dari satu maka nilai page dikalikan jumlah halaman yang ingin ditampilkan pada $halaman lalu dibagi variabel nilai pada $halaman.
  
  Misal jumlah yang akan ditampilkan perhalaman 4, dan total halaman ada 2 (atau lebih besar dari 1), maka (2*4)-4 = 4, maka nilai limitnya = LIMIT $mulai, $halaman atau artinya LIMIT 4, 4, misal lagi ada 3 halaman maka (3*4)-4=8, artinya LIMIT 8 , 4 = Jangan tampilkan atau limit 8 artikel sebelumnya, dan tampilkan setelah 8 = 9,10,11,12 (4 halaman)
  
  Jadi nilai variabel pada $mulai akan sangat bergantung pada nilai variabel $page ketika kondisi lebih >1 terpenuhi
  
  Ketika nilai defaultnya 0 atau ketika tidak lebih besar dari pada satu ($pages>1), maka nilai query default limitnya adalah 0,4
• $limit=query("SELECT id, nim, nama_mahasiswa, foto_mahasiswa FROM datamhs order by id desc LIMIT $mulai, $halaman"); return $limit;} Variabel ini merupakan bagian kode yang akan melakukan query dengan imit berdasarkan nilai variabel pada $mulai;

Menambahkan Tombol Previous dan Next pada Paging



Pada sebuah paging biasanya juga dilengkapi dengan tombol/link Next atau Previous untuk melihat halaman sebelum atau selanjutnya tanpa harus mengklik nomor halaman yang tersedia. Untuk dapat memenuhi kondisi tersebut, kita dapat melakukan percabangan if dengan parameter nilai GET halaman yang ada di addres bar atau ketika terjadi request get, nilai get akan dibandingkan dengan sebuah nilai, sehingga kita nantinya bisa memenuhi dua kondisi yang berbeda baik didalam tombol next ataupun previous

Previous 

<?php
    $i=1;  
      if (!isset($_GET['halaman'])) { $_GET['halaman']=''; }       
               if($i<$_GET['halaman']){
                echo '<a href="javascript:history.back()">Previous</a>';
               }else{
                
                echo '<a href="?halaman='.($i-1).'">Previous</a>';
               }

?>

Next

<?php
if($_GET['halaman']==$pages){
                echo '<a href="javascript:history.back()">Next</a>';
               }else{
                
                echo '<a href="?halaman='.($_GET['halaman']+1).'">Next</a>';
               }

?>

Jadi keseluruhan kode tampil_data.php nantinya bisa dilihat seperti berikut ini :

<?php
include ('koneksi.php');
include ('function.php');
?>
<html>
<head>
 <title>Menampilkan data root93.co.id</title>
</head>
<body>

<?php
//memanggi function
$result = LimitForPagination();

  //mengeksekusi function didalam percabangan
  if($result){
  //jika data di tabel lebih besar dari 0 atau memiliki data maka eksekusi perulangan atau looping
  if(mysqli_num_rows($result)>0){
  echo "<table border='1' width='500'>";
  echo "<tr>";
  echo "<th>ID</th>";
  echo "<th>NIM</th>";
  echo "<th>NAMA MAHASISWA</th>";
  echo "<th>FOTO</th>";
  echo "<th>AKSI</th>";
  echo "</tr>";
  
  //loping data dengan limit query
  while($row=mysqli_fetch_array($result)){
  echo "<tr>";
  echo "<td>".$row['id']."</td>";
  echo "<td>".$row['nim']."</td>";
  echo "<td>".$row['nama_mahasiswa']."</td>";

  if(empty($row['foto_mahasiswa'])){
   echo "<td><img height='100px' width='80px' src='default_foto.jpg' /></td>";
  }else{
   echo "<td><img height='100px' width='80px' src='foto/".$row['foto_mahasiswa']."' /></td>";

  } 
  
  echo "<td>";
  echo "<a href='delete.php?id=".$row['id']." 'title = 'delete'>DELETE</a>";
  echo " | ";
  echo "<a href='detail.php?id=".$row['id']." 'title= detail'>DETAIL</a>";
  echo " | ";
  echo "<a href='update.php?id=".$row['id']." 'title= update'>UPDATE</a>";
  echo "</td>";

  echo "</tr>";
 }
  echo "</table>";
  echo "<a href='index.php'>Input data</a><br>";
  //free result
  mysqli_free_result($result);
 
 //namun jika tidak lebih besar dari pada > 0 atau tidak ditemukan data maka jalan perintah berikut
}else{
 echo "Data tidak ditemukan";
}
//percabangan result ketika function tidak bisa mengeksekusi perintah
}else{
 echo "Terjadi kesalahan. Coba lagi nanti".mysqli_error($koneksi);
}



?>
<?php
$tampil=tampil_data(); //memanggil fungsi tampil_data supaya bisa di num rows
$total=mysqli_num_rows($tampil); //mengmabil jumlah data
$pages=ceil($total/$halaman); //memabagi jumlah data
echo 'Halaman:';
/*Penambahan bagian Previous dan Next
Previous Link
*/
    $i=1;  
              /*
              
              jika $i lebih kecil $i-$_GET['halaman'] maka buat javascript history back
              selain itu jika nilainya satu maka nilai $i - 1 = 0;
              */
              //jika belum terjadi request get maka $_GET kosong, supaya tidak terjadi undefinned
              if (!isset($_GET['halaman'])) { $_GET['halaman']=''; }
              /*
              Jika nilai $i lebih kecil dari jumlah nilai halaman yang ada di address bar, maka gunakan javascript history back. Tapi (else) jika selain itu atau nilainya sama dengan satu, maka untuk previousnya adalah $i-1. Misalnya user menekan tombol previous dihalaman 1 maka 1-1 sama dengan 0;

              */
               if($i<$_GET['halaman']){
                echo '<a href="javascript:history.back()">Previous</a>';
               }else{
                //bagian ini nilainya bisa saja dikembalikan ke index, terserah masing - masing
                echo '<a href="?halaman='.($i-1).'">Previous</a>';
               }
//Bagian Penomoran halaman
for($i=1; $i<=$pages; $i++){
 echo '
 <a href="?halaman='.$i.'">'.$i.'</a>

 ';
}
//Next Link

                /*Jika request Get halaman berada di posisi akhir atau nilainya GET halaman sama dengan jumlah nilai pembagian halamannya (pages), maka  halaman sebelumnya menggunakan javascript historyback. Tetapi jika tidak maka $_GET['halaman']+1
                               
                */
               if($_GET['halaman']==$pages){
                echo '<a href="javascript:history.back()">Next</a>';
               }else{
                
                echo '<a href="?halaman='.($_GET['halaman']+1).'">Next</a>';
               }
?>


</body>
</html>

Penjelasan Kode :
Previous

• if (!isset($_GET['halaman'])) { $_GET['halaman']=''; } Jika belum terjadi request get maka $_GET kosong, supaya tidak terjadi undefinned
• if($i<$_GET['halaman']){ Jika nilai $i lebih kecil dari jumlah nilai halaman yang ada di address bar, maka gunakan javascript history back. Tapi (else) jika selain itu atau nilainya sama dengan satu, maka untuk previousnya adalah $i-1. Misalnya user menekan tombol previous dihalaman 1 maka 1-1 sama dengan 0;

Next

• if($_GET['halaman']==$pages){ Jika request Get halaman berada di posisi akhir atau nilainya GET halaman sama dengan jumlah nilai pembagian halamannya (pages), maka halaman sebelumnya menggunakan javascript historyback. Tetapi jika tidak maka $_GET['halaman']+1, maksud $_GET[‘halaman’}+1 adalah ketika user misal ada pada halaman 1, maka 1+1, jika berada di halaman 2 maka 2+1 dst.