Blade Template Laravel
Memahami Blade Template Engine pada Laravel untuk membuat tampilan yang dinamis dan reusable
1. Pengertian Blade Template
Blade adalah template engine bawaan Laravel yang digunakan untuk membuat tampilan (View). Blade memudahkan developer menulis kode PHP di dalam HTML dengan sintaks yang lebih sederhana dan rapi.
File blade menggunakan ekstensi:
.blade.php
Contoh:
home.blade.php index.blade.php layout.blade.php
Lokasi view Laravel:
resources/views/
—
2. Menampilkan Data di Blade
Blade menggunakan tanda kurung kurawal untuk menampilkan data dari controller.
{{$nama}}
Controller
return view(‘home’,[ ‘nama’ => ‘Laravel’ ]);
Output:
Laravel
—
3. Blade dengan HTML
<h1>{{$judul}}</h1> <p>{{$isi}}</p>
—
4. Perulangan di Blade
Blade menyediakan directive untuk looping data.
Foreach
@foreach($data as $row) {{$row->nama}} @endforeach
For
@for($i=0;$i<5;$i++) {{$i}} @endfor
—
5. Percabangan Blade
If
@if($nilai > 70) Lulus @endif
If else
@if($nilai > 70) Lulus @else Tidak lulus @endif
—
6. Layout Blade
Blade mendukung layout agar tampilan dapat digunakan kembali.
Layout utama
<html> <body> @yield(‘content’)
Halaman child
@extends(‘layout’) @section(‘content’) Halaman Home @endsection
—
7. Include Blade
Include digunakan untuk memanggil file blade lain.
@include(‘header’) @include(‘sidebar’) @include(‘footer’)
—
8. CSRF Blade
Laravel menggunakan CSRF token untuk keamanan form.
@csrf
Form lengkap
<form method=”POST”> @csrf </form>
—
9. Method PUT DELETE
@method(‘PUT’)
@method(‘DELETE’)
—
10. Menampilkan Data Tabel
<table> @foreach($data as $row) {{$row->nama}} @endforeach
—
11. Blade Template CRUD
<a href=”/mahasiswa/create”>Tambah</a> @foreach($data as $row) {{$row->nama}} @endforeach
—
12. Escape HTML
Blade otomatis mengamankan output HTML.
{{$data}}
Tanpa escape
{!! $data !!}
—
Mahasiswa telah memahami:
  • Blade template
  • Menampilkan data
  • Looping
  • Condition
  • Layout blade
  • Include
  • CSRF
  • Blade CRUD