CodeIgniter

Belajar CodeIgniter Part 2: Cara Membuat View Pada CodeIgniter

Selamat datang. Salam jumpa kembali di pertemuan yang ke-2 dalam sesi belajar CodeIgniter. Sebelumnya kita pernah membahas Tutorial Membuat Controller Pada CodeIgniter. Pada pertemuan yang ke-2 saya akan mengulas tentang Cara Membuat View Pada CodeIgniter.

Seperti apa yang sudah dijelaskan sebelumnya pada artikel Pengertian Framework CodeIgniter dan Cara Menggunakannya. Bahwa view berguna untuk meng-hadle tampilan dari aplikasi yang kita buat menggunakan CodeIgniter.

View bertugas untuk menampilkan user interface kepada user, sesuai fungsi MVC yang memisahkan Model, View dan Controller sehingga memudahkan developer dalam membuat pembaruan serta dapat memudahkan berkerja dalam tim pada saat membangun sebuah aplikasi berbasis web.

Sehingga web desainer yang menangani tampilan user interface tidak perlu mengurusi back-end karena bagian kerja web desainer ada pada view yang terletak pada folder view di dalam CodeIgniter.

Application/view.


Tutorial Membuat View Pada CodeIgniter

Untuk membuat view pada CodeIgniter, caranya cukup mudah. Kamu hanya perlu membuat file baru dalam folder view. letaknya di application/view/

Langkah pertama – membuat sebuah file baru dan isi nama filenya sesuai dengan keinginan kamu, disini saya memberi nama belajar_ci_view.php

application/view/belajar_ci_view.php

Setelah selesai, langkah selanjutnya isi file view yang sudah dibuat dengan kode program. Sebagai berikut, contoh kode program yang sudah saya buat.

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Membuat View Pada CodeIgniter | irvannurfazri.com</title>
</head>
<body>
	<h1>Cara Membuat View Pada CodeIgniter</h1>
	<h2>Ini adalah view belajar_ci_view.php</h2>
	<h3>Ini adalah view yang di tampilkan pada controller belajar, method halo</h3>
</body>
</html>

Untuk cara pemanggilannya atau menampilkan view silahkan buka controller kamu yang terdapat di folder application/controllers. Sebelumnya saya sudah membuat controller Belajar.php dan membuat method halo.

Bagi kamu yang belum membaca cara membuat controller, silahkan baca tutorial sebelumnya Tutorial Membuat Controller Pada Code Igniter

application/controllers/Belajar.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Belajar extends CI_Controller {
	
	function __construct(){
		parent::__construct();
		
	}

	public function index(){
		echo "ini adalah method Index pada controller Belajar | Tutorial membuat controller pada CodeIgniter | irvannurfazri.com";
	}

	public function halo(){
		$this->load->view('belajar_ci_view');
	}

}

Coba perhatikan kembali pada kode program diatas, pada method halo ini saya menampilkan view, yang terdapat pada baris ke-16. belajar_ci_view

public function halo(){
		$this->load->view('belajar_ci_view');

Kamu tidak perlu lagi menulis .php karena syntax $this->load->view secara otomatis mengakses folder application view dan memanggil file belajar_ci_view.php. Nah sekarang coba kita jalankan.

ketik url http://localhost/nama_folder/index.php/belajar/halo pada browser.

Cara Membuat View Pada CodeIgniter - #IRVANGEN
Cara Membuat View Pada CodeIgniter – #IRVANGEN

Dapat dilihat pada contoh diatas, view belajar_ci_view.php bisa tampil ketika kita akses method halo. Lalu bagaimana cara membuat view didalam subfolder? Misalkan, untuk sebagian view ada yang ingin kamu kumpulkan pada sebuah folder untuk membuat view lebih rapi dan terstruktur. Misalnya, kamu meletakkan view yang ingin kamu panggil didalam suatu folder.

Misalkan kamu menyimpan view belajar_ci_view.php pada folder coding di dalam view CodeIgniter. application/view/coding/belajar_ci_view.php.

Cara pemanggilan view belajar_ci_view.php yang terletak di dalam folder coding caranya, kamu perlu memasukan juga nama folder tempat view yang kamu ingin tampilkan.

$this->load->view('coding/view_belajar');

Tutorial Pharsing Data ke View CodeIgniter

Untuk pharsing data dari controller ke view kamu dapat melakukannya dengan menggunakan bantuan array. Jadi data yang akan di pharsing kamu memasukkan ke array.

Perhatikan contoh dibawah ini, cara mempharsing data view CodeIgniter.

Buka controller Belajar.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Belajar extends CI_Controller {
	
	function __construct(){
		parent::__construct();
		
	}

	public function index(){
		echo "ini adalah method Index pada controller Belajar | Tutorial membuat controller pada CodeIgniter | irvannurfazri.com";
	}

	public function halo(){
                $data['nama_web'] = "irvannurfazri.com";
		$this->load->view('belajar_ci_view',$data);
	}

}

application/views/belajar_ci_view.php

<!DOCTYPE html>
<html>
<head>
	<title>Tutorial Membuat View Pada CodeIgniter | irvannurfazri.com</title>
</head>
<body>
	<h1><?php echo $nama_web; ?></h1>
</body>
</html>

Sekarang jalankan untuk melihat hasilnya.

Cara Membuat View Pada CodeIgniter - #IRVANGEN
Cara Membuat View Pada CodeIgniter – #IRVANGEN

Perhatikan kode program diatas, pada contoh tersebut data di pharsing dengan memasukan variabel ke dalam parameter kedua pada syntax $this>load>view().

$data['nama_web'] = "irvannurfazri.com";
		$this->load->view('belajar_ci_view',$data);

View hanya tinggal akses variabel $nama_web

<h1><?php echo $nama_web; ?></h1>

Kemudian bisa juga seperti ini.

application/controllers/Belajar.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Belajar extends CI_Controller {
	
	function __construct(){
		parent::__construct();
		
	}

	public function index(){
		echo "ini adalah method Index pada controller Belajar | Tutorial membuat controller pada CodeIgniter | irvannurfazri.com";
	}

	public function halo(){				
		$data = array(
			'judul' => "Tutorial Membuat View Pada CodeIgniter",
			'tutorial' => "CodeIgniter"
			);
		$this->load->view('belajar_ci_view', $data);
	}

}

application/views/belajar_ci_view.php

<!DOCTYPE html>
<html>
<head>
	<title>Tutorial Membuat View Pada CodeIgniter | irvannurfazri.com</title>
</head>
<body>
	<h2><?php echo $judul; ?></h2>
	<h3><?php echo $tutorial; ?></h3>
</body>
</html>

Inilah hasilnya.


Penutup

Mungkin itu saja yang dapat saya sampaikan di pertemuan ini tentang Tutorial Membuat View Pada CodeIgniter. Jika kurang mengerti atau salah dalam penulisan maupun penyampaian, silahkan diskusikan di form komentar, semoga apa yang sudah kita pelajari dapat bermanfaat bagi kita semua.

Terimakasih.

Written by Irvan Nurfazri
No one can bring you true happiness except Allah. Founder Hobigame.id Instagram : ig.com/irvan_gen Profile

Leave a Reply

Your email address will not be published. Required fields are marked *