CodeIgniter Part 3 : Cara Membuat View Pada CodeIgniter

Cara Membuat View Pada CodeIgniter

Setelah mempelajari tentang cara membuat controller pada codeigniter dan pengertian serta cara menggunakan codeigniter pada tutorial sebelumnya, 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
application/view/
buat view dengan nama file nya terserah anda. di sini saya membuat view dengan nama view_belajar.php
application/view/view_belajar.php
dan view pun selesai di buat, langkah selanjutnya adalah membuat isi dari view.
application/view/view_belajar.php
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
 <title>Cara Membuat View Pada CodeIgniter</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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?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 ";
 }
 public function halo(){
  $this->load->view('view_belajar');
 }
}
perhatikan pada method halo di atas. pada method halo ini saya menampilkan view view_belajar.php
1
2
3
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 bagaimanacara 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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?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";
 }
 public function halo(){
                $data['nama_web'] = "cumangoding.blogspot.com";
  $this->load->view('view_belajar',$data);
 }
}
application/view/view_belajar.php
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
 <title>Cara Membuat View Pada CodeIgniter </title>
</head>
<body>
 <h1><?php echo $nama_web; ?></h1>
</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'] = "cumangoding.blogspot.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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?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";
 }
 public function halo(){   
  $data = array(
   'judul' => "Cara Membuat View Pada CodeIgniter",
   'tutorial' => "CodeIgniter"
   );
  $this->load->view('view_belajar', $data);
 }
}
application/view/view_belajar.php
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
 <title>Cara Membuat View Pada CodeIgniter</title>
</head>
<body>
 <h2><?php echo $judul; ?></h2>
 <h3><?php echo $tutorial; ?></h3>
</body>
</html>

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

Previous
Next Post »