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
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