Thursday, August 20, 2015

Cara Membuat Paging Dengan Codeigniter 3.0

Cara Membuat Paging Dengan Codeigniter 3.0


Hello kawan, lama ga posting nih :)
Pembahasan kali ini saya akan membahas sedikit tentang paging, Paging berasal dari kata page yang berarti halaman. Paging merupakan fitur yang membagi halaman menjadi beberapa bagian.

Cara Membuat Paging Dengan Codeigniter 3.0

Nah kali ini saya akan membahas singkat seputar bagaimana membuat paging dengan PHP codeigniter.

Spesifikasi peralatan yang saya gunakan adalah :

  • Xampp 1.8.0 (PHP 5.4)
  • Codeigniter 3.0]
  • MYSQL

Persiapan

Ada beberapa tahap konfigurasi yang harus anda lakukan sebelum mulai membuat paging.

  • Atur application/config/autoload.php

$autoload['libraries'] = array('pagination','database','table');

$autoload['helper'] = array('html','url');

  • Atur application/config/config.php

Untuk mengatur config.php silahkan ikuti tutorial ini : [Buka Link]

  • Atur application/config/database.php


$db['default']['hostname'] = 'localhost';
$db['default']['username'] = 'root';
$db['default']['password'] = ''; //kosongkan jika tidak ada sandi
$db['default']['database'] = 'ci_paging'; //nama database
$db['default']['dbdriver'] = 'mysql';
$db['default']['dbprefix'] = '';
$db['default']['pconnect'] = TRUE;
$db['default']['db_debug'] = TRUE;
$db['default']['cache_on'] = FALSE;
$db['default']['cachedir'] = '';
$db['default']['char_set'] = 'utf8';
$db['default']['dbcollat'] = 'utf8_general_ci';
$db['default']['swap_pre'] = '';
$db['default']['autoinit'] = TRUE;
$db['default']['stricton'] = FALSE;


  • Database

Buat database sederhana dengan nama mahasiswa, fielnya sebagai berikut :

Cara Membuat Paging Dengan Codeigniter 3.0

NGoding

application/controllers/welcome.php

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

class Welcome extends CI_Controller {

function __construct(){
parent::__construct();
$this->load->model('m_mahasiswa');
}

function index(){
$jumlah= $this->M_mahasiswa->jumlah();

$config['base_url'] = base_url().'mahasiswa/index/';
$config['total_rows'] = $jumlah; //menghitung total baris
$config['per_page'] = 4; //mengatur total data yang tampil per halamannya

//berfungsi untuk melampirkan markup
$config['full_tag_open'] = '<ul>';
$config['full_tag_close'] = '</ul>';

//berfungsi untuk Menyesuaikan "first" Link
$config['first_link'] = '« First';
$config['first_tag_open'] = '<li><span aria-hidden="true"><i class="fa fa-chevron-left"></i>';
$config['first_tag_close'] = '</span></li>';

//berfungsi untuk Menyesuaikan Link terakhir
$config['last_link'] = 'Last »';
$config['last_tag_open'] = '<li><span aria-hidden="true">';
$config['last_tag_close'] = '<i class="fa fa-chevron-right"></i></span></li>';

//berfungsi untuk Menyesuaikan "next" Link
$config['next_link'] = 'Next <i class="fa fa-chevron-right"></i>';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';

//berfungsi untuk Menyesuaikan "previous" Link
$config['prev_link'] = '<i class="fa fa-chevron-left"></i> Previous';
$config['prev_tag_open'] = '<li>';
$config['prev_tag_close'] = '</li>';

//berfungsi untuk Menyesuaikan "Current Page" Link
$config['cur_tag_open'] = '<li><a href="">';
$config['cur_tag_close'] = '</a></li>';

//berfungsi untuk Menyesuaikan "digit angka" Link
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';


$dari = $this->uri->segment('3');
$data['package'] = $this->M_mahasiswa->lihat($config['per_page'],$dari);
$this->pagination->initialize($config);

$dari = $this->uri->segment('3');
$data['mahasiswa'] = $this->m_mahasiswa->lihat($config['per_page'],$dari);
$this->pagination->initialize($config);

$this->load->view('view_welcome',$data);
}
}

application/models/m_mahasiswa.php

<?php
class M_mahasiswa extends CI_Model{

function lihat($sampai,$dari){
$query = $this->db->get('mahasiswa',$sampai,$dari);
return $query->result();

}

function jumlah(){
$query = $this->db->get('mahasiswa');
return $query->num_rows();
}
}
?>

application/views/view_welcome.php

<!DOCTYPE html>
<html lang="en">
<head>
<title>Kang-cahya.com</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<?php
echo heading('PAGING CODEIGNITER - kang-cahya.com',1);

foreach($mahasiswa as $val){
echo "<div style='border:1px solid #000000;'>";
echo "<p>NIM : ".$val->nim."</p>";
echo "<p>NAMA : ".$val->nama."</p>";
echo "<p>JK : ".$val->jk."</p>";
echo "<p>ALAMAT : ".$val->alamat."</p>";
echo "</div>";
}

echo "<p>".$this->pagination->create_links()."</p>";
?>
</body>
</html>

Jangan merubah nama variabel config paging yang ada di controllers, karena itu variabel bawaan dari codeigniternya

Mungkin cukup sekian tutorial kali ini, kita bertemu lagi di pembahasan selanjutnya, Terimakasih :)

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.

2 komentar

bang bisa cuma saat di klik gak efek sama sekali cuma nampilin data yang sama


EmoticonEmoticon