View

Dengan konsep MVC pada Seme Framework, semua kode view ini harus dipisah dari Controller maupun model untuk membuat penyusunan kode menjadi rapi. View atau tampilan digunakan oleh Seme Framework untuk menampilkan sebuah tampilan yang berasal dari HTML. Biasanya file untuk tampilan yang berisi HTML ini disimpan di dalam direktori app/view/ dengan akhiran file .php.

Struktur File dan Direktori untuk View

Sebelum melanjutkan ke pembahasan selanjutnya, alangkah lebih baik kita mempelari contoh struktur file direktori untuk vew.

x
–
+
app/
└── view/
 ├── front/
 | ├── home/
 | │ ├── home.php
 | │ ├── home_modal.php
 | │ └── home_bottom.php
 | ├── theme.json
 | ├── script.json
 | └── page/
 |  ├── col-1.php
 |  └── html/
 |    └── head.php
 ├── template.php ( tanpa tema)
 └── login.php ( tanpa tema)

Cara Memanggil File View

Seme Framework telah menyediakan metode untuk memanggil file view secara manual (tanpa tema) yakni dengan metode View dari kelas SENE_Controller. Untuk selengkapnya mari kita lihat contoh 1.

Contoh 1

Sebelum memulai contoh, pastikan bahwa Seme Framework telah di instal sesuai dengan panduan. Pertama-tama buat file baru di app/view/template.php. Kemudian isikan source code seperti ini pada file tersebut:

x
–
+
<html>
  <head>
    <title>Seme Framework Template</title>
  </head>
  <body>
    <h1>Yi-ha this is your first view!</h1>
  </body>
</html>

Kemudian, setelah itu edit controller Home yang ada di app/controller/home.php dan ganti isiinya menjadi seperti source code seperti ini:

x
–
+
<?php
class Home extends SENE_Controller{
  public function __construct(){
    parent::__construct();
  }
  public function index(){
    $this->view('template');
  }
}

Jika telah selesai, cobalah buka alamat http://localhost/seme_framework/ apakah akan muncul seperti HTML yang sudah disetel sebelumnya?

Mengirim Data ke View

Seme Framework memiliki kemampuan untuk mengirim data yang telah dipanggil atau dibuat di controller kedalam view. Tapi, hanya mengizinkan satu variabel saja yang dapat dilemparkan kedalam view. Oleh karena itu, kita harus membuat variabel tersebut bertipe data array supaya dapat menampung banyak nilai. Pada view, kunci array dari array yang dilemparkan dari controller, akan menjadi variabel baru. Untuk selengkapnya mari kita lihat contoh 2.

Contoh 2

Sebelum memulai contoh, pastikan bahwa Seme Framework telah di instal sesuai dengan panduan. Pertama-tama buat file view didalam direktori app/view/template2.php. Kemudian tambahkan source code seperti ini:

x
–
+
<html>
  <head>
    <title>Seme Framework Template 2</title>
  </head>
  <body>
    <h1>Halo <?=$nama?>! Gimana kabar? Sehat?</h1>
  </body>
</html>

Kemudian, setelah itu edit controller Home yang ada di app/controller/home.php dan ganti isiinya menjadi seperti source code seperti ini:

x
–
+
<?php
class Home extends SENE_Controller{
  public function __construct(){
    parent::__construct();
  }
  public function index(){
    $data = array();
    $data['nama'] = 'James';
    $this->view('template2', $data);
  }
}

Jika telah selesai, cobalah buka alamat http://localhost/seme_framework/ apakah akan muncul seperti HTML yang sudah disetel sebelumnya?

Demikian pembahasan tentang konsep View pada Seme Framework, mari kita pelajari selengkapnya tentang:

Model Where
base_url