Membuat Pagination dengan PHP, Bootstrap dan MySQL

Pagination atau paging adalah suatu cara untuk membagi / memecah beberapa data yang ingin di tampilan menjadi beberapa halaman. Misal kalian punya 50 data lalu ingin memecah menjadi 10 data tiap halaman, berarti total halaman nya nanti menjadi 5 halaman. Bayangkan jika kalian punya 1000 data ? website pasti akan berat / lama untuk menampilkan data sebanyak itu dalam 1 halaman, maka dari itu teknik pagination pada web harus diterapkan.

Membuat Pagination dengan PHP, Bootstrap dan MySQL

Demo
Sebelum masuk ke tutorialnya. Mungkin ada yang mau lihat demonya terlebih dahulu. Silahkan klik link berikut untuk melihat demonya : Lihat Demo.

STEP 1 – PERSIAPAN
Berikut ini adalah hal-hal yang harus dipersiapkan :

1. Download Bootstrap, klik link berikut : Download. Sebenarnya untuk membuat pagination tidak memerlukan bootstrap, tapi dalam tutorial ini kenapa saya gunakan bootstrap hanya untuk desain tampilan dari paginationnya.
   Bingung cara downloadnya? klik disini untuk melihat caranya.
2. Buat sebuah folder baru dengan nama pagination, lalu simpan pada folder xampp/htdocs/.
3. Buat sebuah folder dengan nama css, lalu simpan pada folder xampp/htdocs/pagination/.
4. Esktrak file bootstrap.7z yang telah didownload tadi.
5. Copy and paste folder fonts dari folder bootstrap yang telah diekstrak tadi ke folder xampp/htdocs/pagination/.
6. Copy and paste file bootstrap.min.css dari folder bootstrap/css/ yang telah diekstrak tadi ke folder xampp/htdocs/pagination/css/.

STEP 2 – DATABASE

Pada step ini, kita akan membuat databasenya. ikuti langkah-langkah berikut ini :

1. Buat sebuah database dengan nama mynotescode.
2. Buat sebuah tabel dengan nama siswa. Struktur tabelnya sebagai berikut :
   
   
   

STEP 3 – KONEKSI DATABASE

Pada step ini, kita akan membuat file koneksi.php yang berfungsi untuk menghubungkan dengan database MySQL. Silahkan buat file koneksi.php, lalu simpan di folder xampp/htdocs/pagination/. Berikut ini kodenya :

STEP 4 – VIEW & PAGINATION

Langkah terakhir, kita akan membuat file utama. Buat sebuah file dengan nama index.php, lalu simpan pada folder xampp/htdocs/pagination/. Berikut tampilan dan kodenya :

Penjelasan tambahan dari skrip diatas :

include “koneksi.php”;
Kode tersebut berfungsi untuk me-load file koneksi.php.

$sql = $pdo->prepare(“SELECT * FROM siswa LIMIT “.$limit_start.”,”.$limit);
$sql->execute();
Untuk menampilkan semua data siswa sesuai limit yang kita telah tentukan ($limit_start, $limit).

$data = $sql->fetch()
Kode tersebut berfungsi untuk mengambil semua data hasil query dan menampung data-data tersebut di dalam sebuah array lalu menyimpannya ke dalam variabel $data. Kode tersebut saya simpan di dalam sebuah kode while(….) yang berfungsi untuk melakukan proses perulangan sampai data terkahir dengan tujuan agar kita bisa menampilkan datanya satu per satu.

Pada kode diatas terdapat variabel $data digunakan untuk mengambil isi dari field-field yang ada pada tabel siswa di database mynotescode. Pada kode diatas juga ada kode yang berada pada tanda [‘……’], kode tersebut harus sama dengan nama field yang ada pada tabel siswa.

$jumlah_page = ceil($get_jumlah[‘jumlah’] / $limit);
Untuk menghitung jumlah halaman. Perhitungan ini diambil berdasarkan jumlah_semua_data dibagi dengan limit_per_halaman yang telah ditentukan.

$jumlah_number = 3;
Untuk menentukan jumlah link number sebelum dan sesudah page yang aktif. Bingung? lihat gambar dibawah ini :

 

Pada gambar diatas, yang saya beri garis warna merah. itu lah yang saya maksud dengan “Link Number sebelum dan sesudah” page yang aktif.

Mungkin sekian penjelasan tambahannya, selebihnya sudah saya jelaskan per masing-masing kode.

SOURCE CODE
Untuk mengunduh source code nya, klik link berikut ini : Download.
Bingung cara downloadnya? klik disini untuk melihat caranya.

Sumber : http://www.mynotescode.com/cara-mudah-membuat-pagination-dengan-php-dan-mysql/ 

 Kata kunci terkait :

• Paging dengan PHP, Mysql, Bootstrap
• Pagination pada PHP