Selasa, 09 Juli 2013

[Seri 3 - View] Prinsip Dasar Pengembangan Web dengan CakePHP

View adalah bagian atau layer yang saya anggap seharusnya paling akhir disentuh(dikerjakan) dari proses penulisan kode untuk sebuah web dengan menggunakan CakePHP. Layer view bertanggungjawab terhadap segala sesuatu yang berkaitan dengan tampilan, tag-tag HTML ditulis dibagian ini, layer view ini pun adalah bagian yang memanggil javascript dan CSS.


Bagian-bagian dari Layer View


Pada CakePHP layer view bisa terdiri dari beberapa bagian, tiap bagian memiliki fungsi tersendiri. Berikut adalah bagian-bagian tersebut:

  1. View: Bagian ini adalah bagian yang benar-benar berbeda tiap halaman ataupun action yang sedang dilakukan(ingat dalam beberapa hal di cakephp halaman hampir sama dengan action). Secara default nama file view sama dengan nama action yang sedang di-running di bagian controller. File view tersebut berada pada folder yang namanya sama dengan nama controller dari action yang sedang di-running tersebut.
  2. Element: Ini adalah bagian-bagian kecil dalam sebuah view(no. 1) yang biasanya sering digunakan, seperti header, footer, menu, dll.
  3. Layout: Layout ini bisa juga disebut sebagai sebuah template, dimana semua view(no. 1) di-render pada bagian ini.
  4. Helper: Berbeda dengan bagian no. 1 s.d no. 3, di mana bagian-bagian tersebut sebagian besar merupakan file HTML(walaupun ektensi filenya adalah ctp, tapi isinya adalah tag HTML), bagian Helper adalah sebuah class yang ditulis dengan script PHP. Helper ini berisi logic(logika-logika) yang kemungkinan akan dibutuhkan oleh banyak bagian lainnya(no.1 s.d no. 3). Helper ini bisa anda gunakan untuk membuat form, memformat angkat, dll.


Hal-hal yang Penting pada Layer View


Ada beberapa hal yang harus diperhatikan ketika kita sedang berada(menulis kode) pada layer ini, hal-hal tersebut adalah:

  1. DRY(don't repeat yourself): Jika sebuah bagian sering dipanggil di banyak view dan tampilannya sama maka pindahkan bagian tersebut ke dalam sebuah file element dan panggilh element tersebut. Hal ini memiliki keuntungan ketika harus dilakukan perubahan pada bagian tersebut, sekali bagian tersebut dirubah maka perubahan tersebut akan ditampilkan diseluruh bagian.
  2. Gunakan FormHelper untuk membuat form: Hal ini sangat berguna karena FormHelper akan men-generate hal-hal yang berkaitan dengan keamanan form yang anda buat, selain itu untuk halaman edit data FormHelper ini pun bisa mem-populate(otomatis menampilkan) data-data yang akan di-edit.


Ya saya pikir cukup dulu sampai sini seri ke 3 dari artikel "Prinsip Dasar Pengembangan Web dengan CakePHP", selanjutnya adalah seri 4 yakni controller yang akan saya susun dalam waktu dekat ini, tunggu saja yaaa :). Jika seandainya ada yang kurang, bisa ditambahkan dibagian komentar di bawah ini.

Terimakasih dan selamat mencoba.

Tulisan ini masuk dalam seri:
[Seri 1 - Table] Prinsip Dasar Pengembangan Web dengan CakePHP
[Seri 2 - Model] Prinsip Dasar Pengembangan Web dengan CakePHP
[Seri 3 - View] Prinsip Dasar Pengembangan Web dengan CakePHP


Tidak ada komentar:

Posting Komentar