Tutorial CI-3-Mengenal View
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:
- File view ditempatkan pada direktori: system/application/views.
- File view dapat dikelompokan ke dalam subfolder-subfolder di dalam “system/application/views”
- Gunakan huruf kecil untuk penamaan file view. Jika nama file controller lebih dari satu kata, gunakan underscore ( _ ) untuk memisahkan setiap kata tersebut.
- 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.
- 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,,,
