Melanjutkan dari sesi sebelumnya, pada kesempatan kali ini saya akan menjelaskan cara membuat paging bootstrap di php part3. Sampai disini teman-teman sudah membuat database beserta dengan tabel yang nantinya akan digunakan untuk paginasi tersebut. Jika sudah untuk tahap selanjutnya teman-teman bisa mengikuti tahapan lanjutan dari sesi sebelumnya di bawah ini.
Berikut tahapan lanjutannya :
- Jika teman-teman sudah mengisi record tabel_siswa tersebut, langkah selanjutnya teman-teman buat terlebih dahulu folder project di webs server local teman-teman. Disini saya menggunakan xampp, dan folder project tersebut saya simpan di dalam folder C:\xampp\htdocs dengan nama paginasi.
- Selanjutnya teman-teman buat lagi satu buah file php dengan nama koneksi.php, dimana fungsi dari file tersebut adalah untuk koneksi ke database teman-teman dan ketikan kodenya seperti berikut :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<?php $server = "localhost"; $user = "root"; // sesuaikan dengan username teman-teman (biasanya root) untuk defaultnya $pass = ""; // sesuaikan dengan password teman-teman (biasanya kosong) untuk defaultnya $dbname = "mahasiswa"; // sesuaikan dengan database teman-teman $connection = mysqli_connect($server, $user, $pass, $dbname); /* Untuk Cek Koneksi */ if(!$connection){ die ("Connection failed: ".mysqli_connect_error()); } ?> |
- Jika sudah teman-teman save terlebih dahulu file koneksi.php tersebut, dan buat lagi satu buah file php dengan nama paginasi.php, dimana fungsi dari file tersebut adalah untuk function paginasi yang akan teman-teman gunakan nantinya. Selanjutnya ketikan kode seperti kode berikut :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<?php function paging($refresh, $page, $totpage) { $firstlabel = "« "; $prevlabel = "‹ "; $nextlabel = " ›"; $lastlabel = " »"; $wakwaw = "<nav><ul class=\"pagination\">\n"; // first if($page>1) { $wakwaw.= "<li><a href=\"" . $refresh . "\">" . $firstlabel . "</a></li>\n"; } else { $wakwaw.= "<li class=\"disabled\"><a href=\"#\">" . $firstlabel . "</a></li>\n"; } // previous if($page==1) { $wakwaw.= "<li class=\"disabled\"><a href=\"#\">" . $prevlabel . "</a></li>\n"; } elseif($page==2) { $wakwaw.= "<li><a href=\"" . $refresh . "\">" . $prevlabel . "</a></li>\n"; } else { $wakwaw.= "<li><a href=\"" . $refresh . "?page=" . ($page-1) . "\">" . $prevlabel . "</a></li>\n"; } // current $wakwaw.= "<li class=\"active\"><a href=\"#\">Halaman " . $page . " dari " . $totpage . "</a></li>\n"; // next if($page<$totpage) { $wakwaw.= "<li><a href=\"" . $refresh . "?page=" .($page+1) . "\">" . $nextlabel . "</a></li>\n"; } else { $wakwaw.= "<li class=\"disabled\"><a href=\"#\">" . $nextlabel . "</a></li>\n"; } // last if($page<$totpage) { $wakwaw.= "<li><a href=\"" . $refresh . "?page=" . $totpage . "\">" . $lastlabel . "</a></li>\n"; } else { $wakwaw.= "<li class=\"disabled\"><a href=\"#\">" . $lastlabel . "</a></li>\n"; } $wakwaw.= "</ul></nav>"; return $wakwaw; } ?> |
- Seperti yang teman-teman lihat dari kode php function tersebut, dimana ada tiga buah variabel yang dibutuhkan (variabel pertama adalah untuk alamat link sesuai dengan halaman paginasi, $page adalah variabel untuk menentukan posisi halaman paginasi, dan $totpage adalah variabel untuk menentukan total halaman paginasi tersebut).
- Jika sudah teman-teman save terlebih dahulu file function paginasi.php tersebut.
Sampai disini untuk pembahasan selanjutnya, akan saya jelaskan cara membuat paging bootstrap di php pada sesi berikutnya, semoga bermanfaat.