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 Demi menampilkan Tampilan/UI dari Program Laravel kita. Salah satu contohnya adalah Ketika Sahabat-Sahabat 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 Metode menggunakan View dengan Efektif
Blade Templating Tampilan pada Laravel
Ketika kita Belajar tentang Tampilan pada Laravel (View), tentunya kita harus memahami yang namanya blade templating. Apa itu? nah Blade ini adalah sebuah extensi file Spesifik pada Laravel, Blade ini Berfaedah agar kita Pandai menggunakan sebuah syntax Spesifik yang Eksis pada Laravel Adalah {{ }}.
Nah, Blade templating ini Berfaedah Demi kita yang Mau menampilkan Data dari Database menggunakan Eloquent. Hal ini akan kita pelajari di artikel kedepannya. Ekspansi Blade ini sebenarnya Pandai kita hilangkan dari File Views Laravel, akan tetapi akan terjadi Error dimana tanda {{ }} akan terlihat. Seperti dibawah ini
Pandai dilihat diatas terdapat perbedaan dengan gambar pertama. Disitulah perbedaan dari adanya Ekspansi blade dan Kagak.
Beberapa Fitur Templating pada Laravel
Nah sekarang Saya akan menjelaskan beberapa Fitur yang Pandai 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 Berfaedah Demi menyisipkan File View lain kedalam File View kita. Dimisalkan kita Mempunyai sebuah File View yang berisi Syntax tertentu Demi Section Navbar. Nah kita Pandai menggunakan @include ini Demi menyelipkan section Navbar ini ke Views lain, jadi kita Kagak perlu Copy-Paste keseluruhan Syntax dari Navbar, cukup Guna @include saja.
Hal ini tentunya sangat memudahkan kita apalagi Ketika kita Mau mengedit Section Navbar tersebut. Cukup edit di satu tempat, Lewat Sekalian tempat yang meng @include navbar akan Mekanis 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 Pandai dibilang membungkus Sekalian File Views kita, Lewat Pandai kita Wariskan ke Views lain.
Anggap saja kita Mempunyai sebuah File View layout.blade.php. File View ini berisi mulai dari Navbar hingga Footer. Didalam File Views ini kita Pandai menggunakan Fitur @yeild, tentunya Kagak lupa dengan nama pemanggilnya seperti Gambar diatas, @yeild yang menggunakan pemanggil Adalah 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 Pandai membawa Fitur @yeild, jadi kita Pandai menggunakan Fitur @yeild ini setelah kita memanggilnya menggunakan @extends.
Nah setelah kita memanggil sebuah File menggunakan fitur @extends, baru kita menggunakan Fitur terakhir Adalah @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
Hasil
Nah di artikel ini kita sudah belajar tentang Tampilan pada Laravel. Kita sudah belajar beberapa Fitur Tampilan pada Laravel mulai dari @include Tiba @yeild. Templating pada Laravel ini akan sering kita gunakan selama Delevopment karena hal ini akan memudahkan kita dalam mengolah Data View kita. Kalau Sahabat-Sahabat Mau belajar lebih banyak tentang Tampilan pada Laravel Pandai kalian buka di Webiste Dokumentasi Laravel disini Blade Templates.
Sahabat-Sahabat juga Pandai belajar tentang konsep MVC Laravel disini