Share

Setelah menulis artikel mengenai Controller pada Laravel, pada kesempatan kali ini saya akan menulis artikel untuk Views dan Blade Templates.

Views adalah representasi visual dari suatu aplikasi. Pada bagian ini memiliki fungsi untuk menyajikan data yang diterima oleh Controller dari Model.  Atau dalam kata lain Views adalah bagian dari sistem di mana HTML dihasilkan dan kemudian ditampilkan. Lebih lanjut klik di konsep MVC.

Contoh : buat file hello.php di folder resources/views/

Kemudian pada file app/Http/routes.php, tambahkan kode di bawah untuk mengatur route menampilkan file diatas :

Untuk melihat tampilannya, buka URL ini : http://www.laravel.local/tampilkan di web browser. Klik untuk tutorial membuat virtual host.

Mengirim data ke Views dan menampilkannya

Buat file datatampil.php di folder resources/views/, seperti di bawah :

Kemudian tambahkan kode di bawah pada app/Http/routes.php

Untuk menampilkannya, buka : http://www.laravel.local/tampilkandata

Blade Templates

Blade adalah template engine yang sangat simpel dan powerfull yang disediakan oleh Laravel. Sintaknya sangat mudah dipelajari dan digunakan. Blade template menggunakan ekstensi blade.php dan ditempatkan di resources/views.

Blade mendukung semua fungsi utama PHP seperti perulangan dan pengkondisian : @for, @foreach, @while, @if, dan @elseif. Sehingga ini akan membantu Anda untuk tidak perlu membuat tag pembuka dan tag penutup PHP. Keuntungan utama menggunakan Blade Templates adalah kita dapat mengatur master template dan master template ini dapat dipergunakan oleh halaman lainnya.

Contoh membuat master template (master.blade.php) :

Berikut ini penjelasannya :

  • @yield(‘title’) digunakan untuk menampilkan nilai pada title
  • @section(‘header’) digunakan untuk membuat bagian header
  • @show digunakan untuk menampilkan nilai pada section
  • @yield(‘content’) digunakan untuk menampilkan nilai pada content

Buat halaman baru (page.blade.php) yang merupakan turunan dari master.blade.php

Berikut ini penjelasannya :

  • @extends(‘master’) digunakan untuk memanggil master.blade.php
  • @section(‘title’, ‘Tutorial Laravel’) untuk menambahkan nilai “Tutorial Laravel” pada title.
  • @section(‘header’) dan @section(‘content’) menentukan section
  • @parent menampilkan konten dari header
  • @endsection mengakhiri section

Seperti biasa tambahkan kode berikut pada app/Http/routes.php :

Untuk melihatnya, silakan buka : http://www.laravel.local/contohblade

Cukup mudah bukan? Klik artikel dan tutorial Laravel lainnya.