#CodeIgniter

CodeIgniter Part 3 : Cara Membuat View Pada CodeIgniter

By Diki Alfarabi Hadi
13 January 2016
CodeIgniter

Cara Membuat View Pada CodeIgniter

Setelah mempelajari tentang cara membuat controller pada codeigniter dan pengertian serta cara menggunakan codeigniter pada tutorial sebelumnya di malasngoding.com, maka untuk kelanjutan dari tutorial codeigniter dasar saya akan menjelaskan tentang cara membuat view pada codeigniter. seperti yang sudah di jelaskan bahwa view pada codeigniter merguna untuk meng-handle urusan tampilan dari aplikasi yang kita buat menggunakan codeigniter. view bertugas menampilkan user interface kepada user, sesuai dengan fungsi MVC yang memisahkan model, controller dan view sehingga memudahkan developer atau programmer dalam membuat pembaharuan serta dapat memudahkan developer bekerja dalam tim pada saat membangun aplikasi berbasis web menggunakan codeigniter. sehingga web designer yang menangani tampilan user interface tidak perlu berurusan dengan back-end karena jatah kerja web designer ada pada view yang terletak pada folder view pada codeigniter. application/view/

Cara Membuat View Pada CodeIgniter

cara membuat view pada codeigniter caranya sangat mudah, anda hanya perlu membuat file baru pada folder view

1	application/view/

buat view dengan nama file nya terserah anda. di sini saya membuat view dengan nama view_belajar.php

1	application/view/view_belajar.php

dan view pun selesai di buat, langkah selanjutnya adalah membuat isi dari view.

application/view/view_belajar.php

<!DOCTYPE html>

<html>

<head>

<title>Cara Membuat View Pada CodeIgniter | MalasNgoding.com</title>

</head>

<body>

<h1>Cara Membuat View Pada CodeIgniter</h1>

<h2>Ini adalah view view_belajar.php</h2>

<h3>Ini adalah view yang di tampilkan pada controller belajar, method halo</h3>

</body>

</html>

dan untuk cara memanggil atau menampilkan view nya silahkan buka controller anda, di sini saya membuat controller belajar.php dan membuat method halo.

application/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 method index pada controller belajar | cara membuat controller pada codeigniter | MalasNgoding.com";

}

public function halo(){

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

}

perhatikan pada method halo di atas. pada method halo ini saya menampilkan view view_belajar.php

public function halo(){

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

}

anda tidak perlu lagi menuliskan .php pada saat memanggil view. syntax $this->load->view() dengan otomatis mengakses folder application/view codeigniter. dan coba kita jalankan pada browser method halo untuk menampilkan view view_belajar.php

cara membuat view pada codeigniter

dapat di perhatikan pada contoh di atas. view view_belajar.php pun muncul pada saat kita akses method halo. dan bagaimana cara membuat view di dalam subfolder. misalnya untuk sebagian view ada yang ingin anda kumpulkan pada sebuah folder untuk membuat view lebih rapi dan terstruktur. misalnya anda meletakkan view yang ingin anda panggil di dalam suatu folder. misalnya anda meletakkan view view_belajar.php di dalam folder ngoding di dalam view codeigniter. application/view/ngoding/view_belajar.php

dan cara memanggil view view_belajar.php yang terletak di dalam folder ngoding caranya anda hanya perlu memasukkan juga nama folder tempat view yang anda ingin tampilkan berada.

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

Cara Parsing Data ke View CodeIgniter

Untuk memparsing data dari controller ke view anda dapat memparsingnya dengan menggunakan bantuan array. jadi data yang akan di parsing anda masukkan ke array. perhatikan contoh cara memparsing data view codeigniter berikut ini.

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 method index pada controller belajar | cara membuat controller pada codeigniter | MalasNgoding.com";

}

public function halo(){

$data['nama_web'] = "MalasNgoding.com";

$this->load->view('view_belajar',$data);

}

application/view/view_belajar.php

<!DOCTYPE html>

<html>

<head>

<title>Cara Membuat View Pada CodeIgniter | MalasNgoding.com</title>

</head>

<body>

</body>

</html>

cara parsing data pada view codeigniter

perhatikan pada contoh di atas data di parsing pada degan memasukkan variabel ke dalam parameter kedua pada syntax $this->load->view().

1 2	$data['nama_web'] = "MalasNgoding.com"; $this->load->view('view_belajar',$data);

dan dari view tinggal mengakses variabel $nama_web.

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

kemudian bisa juga sebagai berikut.

application/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 method index pada controller belajar | cara membuat controller pada codeigniter | MalasNgoding.com";

}

public function halo(){

$data = array(

'judul' => "Cara Membuat View Pada CodeIgniter",

'tutorial' => "CodeIgniter"

);

$this->load->view('view_belajar', $data);

}

application/view/view_belajar.php

<!DOCTYPE html>

<html>

<head>

<title>Cara Membuat View Pada CodeIgniter | MalasNgoding.com</title>

</head>

<body>

</body>

</html>

parsing data codeigniter dengan array

Sekian tutorial cara membuat view pada codeigniter dan cara parsing data pada view codeigniter.

Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.