Halo Coders!. Setelah diartikel sebelumnya kita belajar tentang Konsep MVC (Model, View, Controller), diartikel ini kita akan belajar Tampilan pada Laravel (View). Folder View ini difokuskan untuk menampilkan Tampilan/UI dari Program Laravel kita. Salah satu contohnya adalah saat teman-teman selesai install Laravel dan menjalankannya. Maka akan muncul tampilan seperti ini
Nah, tampilan diatas ini sebenarnya diatur didalam Folder view dengan nama welcome.blade.php. Diartikel ini kita akan membahas detail-detail dari Folder tersebut, dan juga bagaimana cara menggunakan View dengan Efektif
Blade Templating Tampilan pada Laravel
Saat kita Belajar tentang Tampilan pada Laravel (View), tentunya kita harus memahami yang namanya blade templating. Apa itu? nah Blade ini adalah sebuah extensi file khusus pada Laravel, Blade ini berguna agar kita bisa menggunakan sebuah syntax khusus yang ada pada Laravel yaitu {{ }}.
Nah, Blade templating ini berguna untuk kita yang ingin menampilkan Data dari Database menggunakan Eloquent. Hal ini akan kita pelajari di artikel kedepannya. Ekstensi Blade ini sebenarnya bisa kita hilangkan dari File Views Laravel, akan tetapi akan terjadi Error dimana tanda {{ }} akan terlihat. Seperti dibawah ini
Bisa dilihat diatas terdapat perbedaan dengan gambar pertama. Disitulah perbedaan dari adanya ekstensi blade dan tidak.
Beberapa Fitur Templating pada Laravel
Nah sekarang aku akan menjelaskan beberapa Fitur yang bisa kita gunakan di Templating Laravel. Fitur ini akan memudahkan kita dalam mengakomodir kebutuhan Tampilan Website kita kedepannya.
Fitur @include
Fitur Templating pada Laravel pertama yang akan kita bahas adalah Fitur @include ini berguna untuk menyisipkan File View lain kedalam File View kita. Dimisalkan kita memiliki sebuah File View yang berisi Syntax tertentu untuk Section Navbar. Nah kita bisa menggunakan @include ini untuk menyelipkan section Navbar ini ke Views lain, jadi kita tidak perlu Copy-Paste keseluruhan Syntax dari Navbar, cukup pakai @include saja.
Hal ini tentunya sangat memudahkan kita apalagi saat kita ingin mengedit Section Navbar tersebut. Cukup edit di satu tempat, lalu semua tempat yang meng @include navbar akan otomatis ter-edit juga. Jadi cukup 1 kalo penggantian saja.
Fitur @yeild
Fitur Tampilan pada Laravel yang akan kita bahas berikutnya adalah Fitur @yeild. Fitur ini merupakan fitur yang sedikit Tricky. Kalau temen-temen sudah belajar tentang include, nah @yeild ini bisa dibilang membungkus semua File Views kita, lalu bisa kita Wariskan ke Views lain.
Anggap saja kita memiliki sebuah File View layout.blade.php. File View ini berisi mulai dari Navbar hingga Footer. Didalam File Views ini kita bisa menggunakan Fitur @yeild, tentunya tidak lupa dengan nama pemanggilnya seperti Gambar diatas, @yeild yang menggunakan pemanggil yaitu content.
Fitur @extends dan @section
Setelah sebelumnya kita mempelajari Fitur @yeild, sekarang kita akan mempelajari Fitur @extends dan @section di Tampilan pada Laravel. Kedua Fitur ini sebenarnya berhubungan dengan fitur @yeild.
Fitur @extends, Fitur ini sebenarnya fitur yang mirip dengan @inlcude, bedanya Fitur @extends ini bisa membawa Fitur @yeild, jadi kita bisa menggunakan Fitur @yeild ini setelah kita memanggilnya menggunakan @extends.
Nah setelah kita memanggil sebuah File menggunakan fitur @extends, baru kita menggunakan Fitur terakhir yaitu @section. Fitur ini merupakan Fitur sambungan dari @yeild, jadi tempat dimana @yeild dituliskan akan menjadi tempat dimana @section dituliskan juga.
Seperti gambar diatas. Harus kita pastikan juga kalau @section juga menggunakan pemanggil yang sama dengan @yeild
Kesimpulan
Nah di artikel ini kita sudah belajar tentang Tampilan pada Laravel. Kita sudah belajar beberapa Fitur Tampilan pada Laravel mulai dari @include sampai @yeild. Templating pada Laravel ini akan sering kita gunakan selama Delevopment karena hal ini akan memudahkan kita dalam mengolah Data View kita. Kalau teman-teman ingin belajar lebih banyak tentang Tampilan pada Laravel bisa kalian buka di Webiste Dokumentasi Laravel disini Blade Templates.
Teman-teman juga bisa belajar tentang konsep MVC Laravel disini
