Blog Yaya Wihardi

Pada postingan ini sebagai kelanjutan dari postingan sebelumnya, akan dibahas sedikit tentang View.

View merupakan template tampilan yang digunakan untuk menampilkan/merender hasil pemrosesan data. Adapun beberapa hal yang perlu diperhatikan dalam pembuatannya yaitu:

1. File view ditempatkan pada direktori: system/application/views.
2. File view dapat dikelompokan ke dalam subfolder-subfolder di dalam “system/application/views”
3. Gunakan huruf kecil untuk penamaan file view. Jika nama file controller lebih dari satu kata, gunakan underscore ( _ ) untuk memisahkan setiap kata tersebut.
4. Untuk mengirim data dari controller ke view gunakan sebuah array yang menampung index NAMA_VARIABLE_DI_VIEW dan valuenya:

   $PARAMETER_DATA[NAMA_VARIABLE_DI_VIEW] = VALUE_NYA;

   Semua index dalam $PARAMETER_DATA akan diubah menjadi variable di bagian view.

5. Untuk meload view dari sebuah controller, gunakan syntax.

   $this->load->view(NAMA_FILE _VIEW, $PARAMETER_DATA);

Time For Action 3

1. Buatlah file index_produk.php di “system/application/views”, dengan isi sebagai berikut:

<h1>Detail Produk</h1><br>
ID = <?php echo $id ?><br>
Produk = <?php echo $nama_produk ?> <br>
Harga = Rp <?php echo $harga ?> <br>
Status = <?php echo $status ?> <br>
Kategori = <?php echo $kategori ?> <br>
Tag = <?php echo implode(“,”,$tag) ?>

2. Ubah kembali isi file controller di system/application/controller/produk.php, menjadi:

<?php
class Produk extends Controller {

function index(){
//Membuat array data untuk dikirim ke view

$data[“id”]	= 10001;
$data[“nama_produk”] = “Indomie Goreng ”;
$data[“harga”] = 1500;
$data[“status”] = “Tersedia”;
$data[“kategori”]	= “Makanan”;
$data[“tag”] = array(“Mie”, “Fastfood”);

//Me-load view
$this->load->view(“index_produk”, $data);
}
}
?>

3.Coba kunjungi kembali alamat berikut: localhost/toko/index.php/produk/index, apa yang anda dapatkan?

Time For Action 4

Sekarang mari kita coba membuat form input untuk data produk tersebut.

1. Ubah kembali isi file controller di system/application/controller/produk.php, menjadi:

<?php
class Produk extends Controller {

function index(){
//Membuat array data untuk dikirim ke view

$data[“id”] 		= $_POST[“id”];
$data[“nama_produk”] 	= $_POST[“nama_produk”];
$data[“harga”]	 	= $_POST[“harga”];
$data[“status”]		= $_POST[“status”];
$data[“kategori”]		= $_POST[“kategori”];
$data[“tag”]		= $_POST[“tag”];

//Me-load view
$this->load->view(“index_produk”, $data);
}

function input(){
//Meload view form input
$this->load->view(“input”);

}

}
?>

2.Buatlah file input.php di “system/application/views”, dengan isi sebagai berikut:

<h1>Input Produk</h1><br>
<form method=”POST” action=”index”>
<input type=”hidden” name=”id” value=”10001”/>
Nama Produk: <input type=”text” name=”nama_produk”/><br>
Harga: Rp <input type=”text”  name=”harga”/><br>
Status Persediaan:
<input type=”radio” name=”status” value=”Tersedia”/>Tersedia
<input type=”radio” name=”status” value=”Habis”/>Habis<br>
Kategori:
<select name=”kategori”>
<option value=”Makanan”>Makanan</option>
<option value=”Minuman”>Minuman</option>
<option value=”Pakaian”>Pakaian</option>
<option value=”Lainnya”>Lainnya</option>
</select><br>
<input type=”checkbox” name=”tag” value=”Mie”/>Mie
<input type=”checkbox” name=”tag” value=”Fast Food”/>Fast Food
<input type=”checkbox” name=”tag” value=”Soft Drink”/>Soft Drink
<input type=”checkbox” name=”tag” value=”Bumbu”/>Bumbu
<br>
<input type=”submit” value=”simpan”/>
</form>

3.Silahkan buka dengan alamat: localhost/took/index.php/produk/input

Tambahan

Lalu coba kunjungi kembali localhost/toko. Apa yang terjadi? Masih menampilkan halaman welcome bukan?

Untuk menjadikan form input sebagai halaman utama default aplikasi kita, maka silahkan ikuti langkah berikut:

1.Buka file system/application/config/routes.php, kemudian cari baris berikut:

$route['default_controller'] = "welcome";

Kemudian ubah menjadi:

$route['default_controller'] = "produk/input";

2. Kemudian coba kunjungi kembali localhost/toko. Apa yang terjadi??

Mudah-mudahan bermanfaat,,
Smangat ya,,,