Laravel - Blade Templates

Laravel - Blade Templates

Halo semuanya...

Artikel kali ini akan sedikit membahas mengenai blade template pada laravel.

Yuk langsung aja kita simak....

Laravel 5.1 memperkenalkan konsep penggunaan Blade, mesin templating untuk merancang tata letak yang unik.

Tata letak yang dirancang dapat digunakan oleh pandangan lain, dan mencakup desain dan struktur yang konsisten.

Jika dibandingkan dengan mesin templating lainnya, Blade unik dalam beberapa hal berikut -

  • Tidak membatasi pengembang untuk menggunakan kode PHP biasa dalam tampilan.
  • Tampilan blade dirancang, dikompilasi dan di-cache hingga dimodifikasi.

 

                                                               

Struktur direktori Laravel yang lengkap ditunjukkan pada tangkapan layar yang diberikan di sini.

Kalian dapat mengamati bahwa semua tampilan disimpan dalam direktori resources/views dan tampilan default untuk framework Laravel adalah welcome.blade.php.

Harap perhatikan bahwa template blade lain juga dibuat dengan cara yang sama.

Langkah-langkah untuk Membuat Layout Templat Blade

Kalian harus menggunakan langkah-langkah berikut untuk membuat tata letak templat blade -

Langkah 1

  • Buat folder layout di dalam folder resources/views. Kita akan menggunakan folder ini untuk menyimpan semua layout bersama.
  • Buat nama file master.blade.php yang akan memiliki kode berikut yang terkait dengannya -

Langkah 2

Pada langkah ini, Kalian harus memperluas tata letak. Memperluas tata letak melibatkan pendefinisian elemen anak. Laravel menggunakan arahan Blade @extends untuk mendefinisikan elemen turunan.

Ketika Kalian memperluas tata letak, harap perhatikan poin-poin berikut -

  • Tampilan yang ditentukan dalam Tata Letak Blade menyuntikkan wadah dengan cara yang unik.
  • Berbagai bagian tampilan dibuat sebagai elemen anak.
  • Elemen anak disimpan di folder tata letak sebagai child.blade.php

Contoh yang menunjukkan memperluas tata letak yang dibuat di atas ditunjukkan di sini -

Langkah 3

Untuk menerapkan elemen anak dalam tampilan, Kalian harus menentukan tata letak sesuai kebutuhan.

                

Amati tangkapan layar yang ditunjukkan di sini. Kalian dapat menemukan bahwa setiap tautan yang disebutkan di laman landas adalah hyperlink.

Harap perhatikan bahwa Kalian juga dapat membuatnya sebagai elemen anak dengan bantuan templat blade dengan menggunakan prosedur yang diberikan di atas.

 

 

Download Tutorial