Cara Membuat Tabel Pagination pada Code Igniter #6

Pada kesempatan kali ini saya akan membuat postingan, Cara Membuat Tabel Pagination Pada Code Igniter. Sebelum itu kalian harus sudah download atau menyiapkan folder Code Igniternya. Oke Langsung aja simak langkah - langkah berikut ini :

1. Buat database dengan nama belajarci, lalu buat Tabel mahasiswa dengan struktur field seperti gambar di bawah atau bisa pakai database yang telah kalian buat sendiri.

Insert data ke tabel Mahasiswa minimal 4 record.

2. Setting Code Igniter nya terlebih dahulu,
buka folder xampp/htdocs/belajarci/application/config/

3. buka file config.php

Cari kode berikut $config['base_url'] = ''; dan $config['index_page'] = 'index.php';
Kemudian rubah menjadi seperti ini :

$config['base_url'] = 'http://localhost/belajarci';
$config['index_page'] = '';

4. Buka file autoload.php
Cari kode berikut :

$autoload['libraries'] = array (''); 
$autoload['helper'] = array ('');

dan ubah isinya seperti ini :

$autoload['libraries'] = array ('database'); 
$autoload['helper'] = array ('form', 'url');

5. Buka file routes.php
Cari kode berikut :

$route['default_controller'] = 'mahasiswa';

dan ubah isinya seperti ini :

$route['default_controller'] = 'mahasiswa';

6. Buka file database.php
Cari kode berikut :

'hostname' => 'localhost',
'username' => '',
'password' => '',
'database' => '',

Ubah kodenya menjadi seperti ini :

'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'belajarci',

7. Jangan Lupa buat file .htaccess nya, tambahkan file .htaccess di folder CI kalian, contoh htdocs/belajar/. Setelah itu tambahkan coding berikut dalam file .htaccessnya :

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]

Ingin tau fungsi .htaccess, kali bisa baca artikel nya disini, Fungsi .htaccess pada Code Igniter.

8. Buka folder application/models , rename file Welcome.php menjadi mahasiswa.php, lalu ubah isi coding menjadi seperti ini :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Mahasiswa extends CI_Controller {

 public function __construct()
 {
  parent::__construct();
  $this->load->model('m_data');
  $this->load->library('pagination');
 }

 public function index(){
  

  $this->load->database();
  $jumlah_data = $this->m_data->tampil_data();  
  $config['base_url'] = base_url().'mahasiswa/index';
  $config['total_rows'] = $jumlah_data;
  $config['per_page'] = 3;
  $config['num_links'] = 2;
        
                $config['first_link']='< Awal ';
                $config['last_link']='Terakhir > ';
                $config['next_link']='> ';
                $config['prev_link']='< ';
  $this->pagination->initialize($config);
  $from = $this->uri->segment(3);
  $data['halaman'] = $this->pagination->create_links();
  $data['mahasiswa'] = $this->m_data->data($config['per_page'],$from);
  $this->load->view('v_tampil',$data);
 }
}

9. Selanjutnya buka folder application/models, buatlah file dengan nama m_data.php. Lalu isi file nya dengan coding seperti ini :

<?php 
 
class M_data extends CI_Model{
 public function data($number,$offset){
  $this->db->order_by('nama','asc');
  return $this->db->get('mahasiswa',$number,$offset)->result();
 }

 public function tampil_data(){
  return $this->db->get('mahasiswa')->num_rows();
 }
}

10. Lalu buka folder application/views, buatlah file dengan nama v_tampil.php. Lalu isi file nya dengan coding seperti ini :

<!DOCTYPE html>
<html>
 <head>
  <title>Menampilkan Data di CI</title>
 </head> 
<body>
 <center>
   <Strong><h2>Data Mahasiswa</h2></Strong>
   <table border="3" style="border-style: dotted">
    <tr align="center">
     <td>No</td>
     <td>NIM</td>
     <td>Nama</td>
     <td>Jenis Kelamin</td>
     <td>Alamat</td>
     <td colspan="2">Aksi</td>
    </tr>
    <?php
          if(!empty($mahasiswa)){ // Mengecek data kosong atau tidak
          $no=$this->uri->segment('3') + 1;
           foreach($mahasiswa as $data){
             echo "<tr align='center'>
             <td>$no</td>
             <td>".$data->nim."</td>
             <td>".$data->nama."</td>
             <td>".$data->jeniskelamin."</td>
             <td>".$data->alamat."</td>
             <td><a href='".base_url("mahasiswa/ubah/".$data->nim)."'>Ubah</a></td>
             <td><a href='".base_url("mahasiswa/hapus/".$data->nim)."'>Hapus</a></td>
             </tr>";
             $no++;
         }
          }else{ // Jika data kosong
            echo "<tr><td align='center' colspan='7'>Data Tidak Ada atau Kosong</td></tr>";
          }
         ?>         
   </table>
  <br><?php echo $halaman ?></center>
</body>
</html>

11. Selanjutnya kalian coba jalankan di browser localhost/belajarci, jangan lupa nyalakan xampp kalian.

Dan nanti hasilnya akan seperti ini :

Sekian dari postingan ini, Semoga bermanfaat.

Cara Membuat Tabel Pagination pada Code Igniter #6

0 Response to "Cara Membuat Tabel Pagination pada Code Igniter #6"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Social Media Button