Memanfaatkan Template Blade Pada Laravel

Dibagian ini kita akan mempelajari blade dan cara memanfaatkannya. Blade adalah template engine yang disediakan oleh framework laravel atau bawaan dari framework laravel. Kenapa kita harus menggunakan Blade? Jawabannya karena dengan menggunakan blade dalam mengatur layout web yang kita bangun akan lebih mudah.

Langsung saja ke pembuatan templating sederhana menggunakan laravel. Untuk persiapannya adalah sebagai berikut.
  1. Download template bootstrap adminLTEnya.
  2. Dari hasil download tersebut, copy-kan semua folder yang ada ke folder ProjectLaravel dan simpan di folder public.
  3. Untuk file dashboard.html dan login.html copy-kan ke folder ProjectLaravel dan simpan di resources/views.
  4. Kemudian rename file dashboard.html menjadi dashboard.blade.php dan file login.html menjadi login.blade.php.
  5. Jangan lupa di routes web.php, ubah 'welcome' menjadi 'dashboard'. Dan hasilnya sebagai berikut.

Sekarang kita akan sedikit merubah isi dari tampilan diatas. Langkah-langkah seperti dibawah ini.
Cari kode seperti dibawah ini didalam dashboard.blade.php
Ubah menjadi seperti dibawah ini
Kemudian cari juga kode seperti dibawah ini dibagian paling bawah dashboard.blade.php
Ubah menjadi seperti dibawah ini
Kemudian, syntax yang ada di dashboard.blade.php akan  dibagi menjadi beberapa bagian, disini saya membaginya seperti ini, yaitu head, header, sidebar dan content.
  1. Kita akan mengambil bagian head di dashboard.blade.php dan menggantinya dengan syntax @include('head') seperti dibawah ini.
  2. Kemudian kita ambil bagian headernya dan menggantinya dengan syntax @include('header') seperti dibawah ini.
  3. Kemudian kita ambil bagian sidebarnya dan menggantinya dengan syntax @include('sidebar') seperti dibawah ini.
  4. Selanjutnya kita akan ambil bagian untuk contentnya dan mengganti dengan syntax @yield('content') seperti dibawah ini.
Setelah semuanya beres, kita bisa lihat hasilnya sebagai berikut.
Itu saja sedikit penjelasan tentang template blade pada laravel.
Sekian dan Terima Kasih^^


Tidak ada komentar:

Diberdayakan oleh Blogger.