20 September 2012

4 Level Dasar CodeIgniter, Belajar Dari Dasar



Framework CodeIgniter adalah top 5 framework PHP, Framework ini menggunakan konsep MVC yaitu Model, View dan Controller. Di gunakan untuk segmentasi pekerjaan sehingga project bisa dikerjakan dalam sebuah team, Model digunakan untuk mengakses database, View digunakan untuk membuat template html, sedang Controller sebagai pengendali antara view dan model.

untuk ilustrasi mengenai apakah framework bisa klik link berikut : Framework

Kita langsung praktek saja ya?!, pertama download-lah framework CI pada alamat http://codeigniter.com/downloads/, yang saya gunakan versi 1.7.2.

Program Hello World!  Level 1

<?php
 class Hello extends Controller{
    function index(){
        echo "Hello World!";
    }
 }
?>

Ketikkan program di atas kemudian simpan dengan nama hello.php dan simpan dalam folder system/application/controllers. Kemudian dari web browser ketikkan http://localhost /codeigniter172/index.php/hello maka akan tampil :
 
Selamat anda sudah berhasil membuat program sederhana di CI.

Program Hello World!  Level 2

Pada level 2 kita akan menerapkan konsep MVC tidak seperti level 1 yang hanya membuat program di Controller.

<?php
    class Hello2 extends Controller{
        function index(){
            $this->load->view('hello2');
        }
    }
?>

Simpan di folder system/application/controllers dengan nama hello2.php.
Setelah itu ketik skrip berikut:

<html>
<head>
    <title>Level2</title>
</head>
<body>
    Hello World! -LVL2-    
</body>
</html>

Simpan di folder system/application/views dengan nama hello2.php. kemudian ketikan di browser http://localhost/codeigniter172/index.php/hello2/
Selamat kamu sudah berhasil menulis program di Controller dan View dengan sukses!

Program Hello World!  Level 3

Pada tahap 3 ini kita akan mengunakan model untuk pengaksesan non database.

<?php
Class Mhello extends Model{
    function index(){
        $hello="Hello World! -LVL3-";
        return $hello;
    }
}
?>

Simpan dalam folder system/application/models/ dengan nama mhello.php

<?php
Class Chello extends Controller{
    function index(){
        $this->load->model('mhello','',true);
        $data['hello']=$this->mhello->index();
        $this->load->view('vhello',$data);
    }
}
?>

Kemudian simpan dalam folder controllers dengan nama chello.php

<html>
<head>
    <title>Level3</title>
</head>
<body>
    <?php
        echo $hello;
    ?>
</body>
</html>

Terakhir simpan dalam folder views dengan nama vhello.php, jalan kan program kita dengan mengetikkan http://localhost/codeigniter172/index.php/chello/ , maka akan tampil:
Wahduh Error… hehehe tenang “gagal adalah awal dari keberhasilan”, coba perhatikan errornya baik-baik kawan. Solusinya adalah dengan mengedit file database.php pada folder system/application/config/, ubahlah menjadi:


Kemudian simpan ulang, dan coba refresh browser kamu:

Hore berhasil-berhasil… level3 dah mulai error-error nih.. masih banyak error-error selanjutnya. So, please stay tune… hehehehe J


Program Hello World!  Level 4


Nah ini tahap MVC konek ke Database MySQL, akhirnya sampai tahap ini juga.

Buat database dengan nama hellodb dengan tabel label dengan 1 field value “Hello World! –LVL4”. Nih saya kasih gambarnya biar jelas, bikinnya pake phpmyadmin aja biar gampang.

Buat table dengan 1 field.

Buat Field value jenisnya Varchar
Masukkan value untuk field value “Hello World!, -LVL4-
Pastikan  data yang kita ketik sudah masuk dengan cara menglik tab Browse, jika tidak bias dipilih berarti data belum masuk coba lagi:

Jangan lupa file database.php yang tadi di ubah lagi jadi:

<?php
Class Mhello4 extends Model{
    function index(){
        $ambil=$this->db->get('label');
        if ($ambil->num_rows()>0){
            foreach ($ambil->result() as $data){
                $hasil[]=$data;
            }
            return $hasil;
        }
    }
}
?>

Ketik skrip dan simpan dalam folder Model dengan nama mhello4.php

<?php
Class Chello4 extends Controller{
    function index(){
        $this->load->model('mhello4');
        $data['hasil']=$this->mhello4->index();
        $this->load->view('vhello4',$data);
    }
}
?>

Simpan dif order Controllers dengan nama chello4.php   

<html>
<head>
    <title>LEVEL4</title>
</head>
<body>
    <?php
        foreach ($hasil as $data):
            echo $data->value;
        endforeach;
    ?>
</body>
</html>

Terakhir simpan pada folder views dengan nama vhello4.php

Kemudian ketik di brower dengan mengetik http://localhost/codeigniter172/index.php/ chello4 , dan hasilnya:


Berhasil bro….







.

No comments:

Post a comment