Kursus Web Programming Grogol | Pagination Menggunakan Codeigniter

Pada materi Cara Mudah Membuat Pagination Menggunakan Codeigniter Part 2 kali ini kami kursus web programming grogol akan membuat prosesnya, seperti controllers, view, dan model. untuk membuat pagination menggunakan codeigniter ini kita akan membuat sebuah library dengan nama pagination.php pada folder application/config, kita akan pisahkan file paginationnya biar lebih rapi dan jika kita gunakan di file yang berbeda kita hanya perlu memanggil library tersebut tanpa harus membuat disetiap controller, untuk struktur foldernya seperti dibawah ini :

Selanjutnya untuk script pagination nya kursus web programming grogol telah meng-custom dengan menggunakan tampilan yang terdapat pada bootstrap 4, seperti dibawah ini :

<?php 
	$config['full_tag_open'] = '<nav aria-label=""><ul class="pagination justify-content-center">';
	$config['full_tag_close'] = '</ul></nav>';
	$config['first_link'] = 'First'; 		// kita bisa ganti menjadi "awal" atau simbol-simbol 
	$config['first_tag_open'] = '<li class="page-item page-link">';
	$config['first_tag_close'] = '</li>';
	$config['last_link'] = 'Last';
	$config['last_tag_open'] = '<li class="page-item page-link">';
	$config['last_tag_close'] = '</li>';
	$config['next_link'] = ' Next &rarr;';
	$config['next_tag_open'] = '<li class="page-item page-link">';
	$config['next_tag_close'] = '</li>';
	$config['prev_link'] = '&larr; Prev';
	$config['prev_tag_open'] = '<li class="page-item page-link">';
	$config['prev_tag_close'] = '</li>';
	$config['cur_tag_open'] = '<li class="page-item active"><a href="" class="page-link">';
	$config['cur_tag_close'] = '</a></li>';
	$config['num_tag_open'] = '<li class="page-item page-link">';
	$config['num_tag_close'] = '</li>';

<?php

$config['full_tag_open'] = '<nav aria-label=""><ul class="pagination justify-content-center">';

$config['full_tag_close'] = '</ul></nav>';

$config['first_link'] = 'First'; // kita bisa ganti menjadi "awal" atau simbol-simbol

$config['first_tag_open'] = '<li class="page-item page-link">';

$config['first_tag_close'] = '</li>';

$config['last_link'] = 'Last';

$config['last_tag_open'] = '<li class="page-item page-link">';

$config['last_tag_close'] = '</li>';

$config['next_link'] = ' Next →';

$config['next_tag_open'] = '<li class="page-item page-link">';

$config['next_tag_close'] = '</li>';

$config['prev_link'] = '← Prev';

$config['prev_tag_open'] = '<li class="page-item page-link">';

$config['prev_tag_close'] = '</li>';

$config['cur_tag_open'] = '<li class="page-item active"><a href="" class="page-link">';

$config['cur_tag_close'] = '</a></li>';

$config['num_tag_open'] = '<li class="page-item page-link">';

$config['num_tag_close'] = '</li>';

Jika sudah, kemudian kita akan membuat controller dengan nama Product.php untuk script nya seperti dibawah ini :

<?php 
	class Product extends CI_Controller {
		public function index(){

		$config['base_url'] = site_url('product/index');
		$config['total_rows'] = $this->product_m->get_product_total() ;
		$config['per_page'] = 3;

		$this->pagination->initialize($config);
		$offset=$this->uri->segment(3);
		$limit=3;

		$data['pagination_link']=$this->pagination->create_links();

		$data['product']=$this->product_m->get_all_product($limit,$offset);

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

	}

<?php

class Product extends CI_Controller {

public function index(){

$config['base_url'] = site_url('product/index');

$config['total_rows'] = $this->product_m->get_product_total() ;

$config['per_page'] = 3;

$this->pagination->initialize($config);

$offset=$this->uri->segment(3);

$limit=3;

$data['pagination_link']=$this->pagination->create_links();

$data['product']=$this->product_m->get_all_product($limit,$offset);

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

}

Jika controller nya telah kita buat selanjutnya kita akan membuat sebuah model dengan nama Product_m.php untuk script nya seperti dibawah ini :

<?php 
	class Product_m extends CI_Model{
		public function get_all_product($limit,$offset){
			return $this->db->limit($limit, $offset)->order_by('id_product','desc')->get('product')->result();
		}

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

<?php

class Product_m extends CI_Model{

public function get_all_product($limit,$offset){

return $this->db->limit($limit, $offset)->order_by('id_product','desc')->get('product')->result();

}

public function get_product_total(){

return $this->db->get('product')->num_rows();

}

Kemudian yang terakhir kita akan membuat tampilannya pada views dengan nama product.php

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">

    <title>Cara Mudah Membuat Pagination Menggunakan Codeigniter </title>
  </head>

  <body>
  <br>
	<div class="container">
		<div class="row">
			<?php foreach ($product as $products) { ?>
				<div class="col-md-4 text-center">
					<div class="card" style="width: 18rem;">
						<h2><?php echo $products->nama; ?></h2>
						<p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
						<a href="#" class="btn btn-primary">Beli</a>
					</div>
				</div>
			<?php } ?>
		</div>
		<br>
  	  <?php echo $pagination_link; ?>
	</div>
  </body>
</html>

<!doctype html>

<head>

<title>Cara Mudah Membuat Pagination Menggunakan Codeigniter </title>

</head>

<body>

<br>

<?php foreach ($product as $products) { ?>

<p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>

</div>

<?php } ?>

</div>

<br>

<?php echo $pagination_link; ?>

</div>

</body>

</html>

Nah jika kita jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini :

Oke teman-teman itulah pembahasan dari kami kursus web programming grogol kali ini tentang Cara Mudah Membuat Pagination Menggunakan Codeigniter Part 2.

Semoga bermanfaat.

Terimakasih.

Facebook DUMET School

Konsultasi Gratis

Categories