Melanjutkan dari sesi sebelumnya, pada kesempatan kali ini saya akan menjelaskan cara membuat paging bootstrap di php part4. Sampai disini teman-teman sudah membuat file function.php untuk paginasi yang akan digunakan nantinya. Untuk langkah selanjutnya teman-teman sudah bisa menerapkan paginasi tersebut di setiap file php halaman yang akan digunakan, pada contoh disini saya akan menampilkan halaman untuk tampil data siswa yang diambil dari tabel_siswa dengan jumlah record yang bebas untuk teman-teman tentukan. Namun pada contoh disini saya membatasi dengan jumlah record sebanyak 5 record per halaman paginasi. Untuk tahap selanjutnya teman-teman bisa mengikuti tahapan lanjutan dari sesi sebelumnya di bawah ini.
Berikut tahapan lanjutannya :
- Untuk tahap selanjutnya teman-teman buat lagi satu buah file php dengan nama index.php didalam folder project teman-teman yang sejajar dengan file koneksi.php dan file paginasi.php, dimana fungsi dari file index.php tersebut adalah untuk menampilkan data yang akan diterapkan pada paginasi tersebut dan ketikan kodenya seperti di bawah ini :
|
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 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 |
<!--dumetschool.com--> <!doctype html> <html> <head> <title>Membuat Paging Bootstrap Di PHP</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/> <style> /*custom css*/ .pagination, .pager{ margin-top: 0px } .table{ margin-top: 20px; } </style> </head> <body> <?php include 'koneksi.php'; // untuk menghubungkan dengan file koneksi.php include 'paginasi.php'; // untuk menghubungkan dengan file fungsi paginasi.php error_reporting(0); // untuk menyembunyikan pesan error di php $page = isset($_GET['page']) ? intval($_GET['page']) : 1; // untuk mengambil posisi halaman paginasi $rpp = 5; // jumlah record yang tampil per halaman paginasi $result = mysqli_query($connection, "SELECT * FROM tabel_siswa WHERE nama_lengkap LIKE '%$q%' ORDER BY id_siswa"); // eksekusi query mysql $tcount = mysqli_num_rows($result); // jumlah total baris data $totpage = isset($tcount) ? ceil($tcount / $rpp) : 1; // jumlah total halaman paginasi $count = 0; // untuk mulai paginasi $i = ($page - 1) * $rpp; // batas paginasi $no_urut = ($page - 1) * $rpp; // nomor urut data tabel $refresh = $_SERVER['PHP_SELF']; // untuk link ke halaman lain ?> <div class="container"> <!--judul --> <div class="row"> <div class="col-md-12"> <h1>Tabel Siswa</h1> </div> </div> <div class="row"> <div class="col-md-8"> </div> <div class="col-md-4"> <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="GET"> <div class="input-group"> </div> </form> </div> </div> <!--tabel--> <div class="row"> <div class="col-md-12"> <table class="table table-bordered"> <thead> <tr> <th>#</th> <th>Nama lengkap</th> <th>Jenis Kelamin</th> <th>Paket Khursus</th> </tr> </thead> <tbody> <?php while (($count < $rpp) && ($i < $tcount)) { mysqli_data_seek($result, $i); $data = mysqli_fetch_array($result); ?> <tr> <td width="80px"> <?php echo ++$no_urut; ?> </td> <td> <?php echo $data ['nama_lengkap']; ?> </td> <td> <?php echo $data ['jenis_kelamin']; ?> </td> <td> <?php echo $data ['paket_khursus']; ?> </td> <td width="120px" class="text-center"> <a href="#"> Edit</a> | <a href="#">Delete</a> </td> </tr> <?php $i++; $count++; } ?> </tbody> </table> </div> </div> <!--pagination--> <div class="row"> <div class="col-md-12"> <?php echo paging($refresh, $page, $totpage); ?> </div> </div> </div> <!-- container --> </body> </html> |
- Jika sudah teman-teman bisa save file tersebut, dan lihat hasilnya di browser teman-teman dengan mengakses http://localhost/paginasi
- Sampai disini teman-teman sudah selesai membuat paging bootstrap di php, jika tidak ada kesalahan maka akan menampilkan output seperti gambar dibawah ini :
Sampai disini penjelasan saya mengenai cara membuat paging bootstrap di php, semoga bermanfaat.