June 11, 2012

Create View on Codeigniter

Kali ini Penulis ingin membagi sedikit ilmu tentang bagaimana menggunakan model MVC pada Codeigniter, untuk contoh kali ini kami mencoba untuk membahas Create View on Codeigniter. Sebelum memulai pastikan anda sudah memiliki bahan yang dibutuhkan
  • Codeigniter versi 2.1.0 bisa di download disini
  • Buat database dengan nama "latihan"
Selanjutnya langkah pertama Buat Table "user" dengan struktur seperti berikut :
 
id (int 4) autoincrement

username (varchar 30)

access (varchar 10) 
 
dan isi sesuai kehendak anda.

Tahap berikutnya buat file "view.php" letakkan pada application->controller
 
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class View extends CI_Controller{

     function __construct(){

          parent::__construct();

          $this->load->model("crud");
     }

     function index(){

         $data['title']="View User";
         $data['header']="View User";
         $data['query']=$this->crud->view();

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

     }
?>
 
Lalu buat lagi file "view.php", kali ini letakkan di application->view
 
<table>

     <thead>
         <tr>
               <th>No</th>
               <th>User</th>
               <th>Access</th>
        </tr>
     </thead>

     <tbody>
         <?php
               $no = 1;
               foreach($query as $row){
         ?> 
         <tr>
               <td><?php echo $no;?></td>
               <td><?php echo $row->username;?></td>
               <td><?php echo $row->access;?></td>   
         </tr>
         <?php $no ++;      } 
         ?> 
     </tbody>

</table>

 
Terakhir buat file "crud.php" letakkan pada application->model
 
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Crud extends CI_Model{

    function view_user(){
        #Table Properties
        $tabel = "user";

        #Query
        $query = $this->db->select("*")->from($tabel)->get();
        if ($query->num_rows() > 0) {
           return $query->result();
        } else {
           return array();
        }
    }
}
?>