Lewati ke konten utama

Blade Templating Engine di Laravel

Blade adalah templating engine (mesin templat) yang sederhana namun kuat yang disediakan oleh Laravel. Blade memungkinkan Anda untuk menggunakan sintaks yang bersih dan mudah dibaca untuk membuat tampilan (view) di aplikasi Laravel Anda.

Mengapa Menggunakan Blade?

  • Sintaks yang Ringkas: Blade menyediakan sintaks yang ringkas untuk tugas-tugas umum seperti menampilkan data, menggunakan kontrol alur, dan mewarisi tata letak.
  • Keamanan: Blade secara otomatis melindungi aplikasi Anda dari serangan XSS dengan melarikan (escaping) data yang ditampilkan.
  • Tata Letak yang Dapat Digunakan Kembali: Blade memungkinkan Anda untuk membuat tata letak yang dapat digunakan kembali, sehingga Anda tidak perlu menulis kode HTML yang sama berulang kali.
  • Extends dan Sections: Blade menggunakan direktif @extends dan @section untuk memungkinkan Anda membuat tata letak induk dan memperluasnya di tampilan anak.

Dasar-Dasar Blade

  • Ekstensi .blade.php: File tampilan Blade memiliki ekstensi .blade.php.
  • Menampilkan Data: Anda dapat menampilkan data menggunakan sintaks {{ $variable }}.
  • Kontrol Alur: Blade menyediakan direktif untuk kontrol alur, seperti @if, @elseif, @else, dan @foreach.
  • Komentar: Anda dapat menambahkan komentar di tampilan Blade menggunakan sintaks {{-- Komentar --}}.

Contoh Penggunaan Blade

  1. Membuat Tata Letak Induk:
Blade

<!DOCTYPE html>
<html>
<head>
    <title>@yield('title')</title>
</head>
<body>
    <div class="container">
        @yield('content')
    </div>
</body>
</html>
  1. Memperluas Tata Letak Induk:
Blade

@extends('layouts.app')

@section('title', 'Daftar Pengguna')

@section('content')
    <h1>Daftar Pengguna</h1>

    <ul>
        @foreach ($users as $user)
            <li>{{ $user->name }}</li>
        @endforeach
    </ul>
@endsection

Direktif Blade Lainnya

  • @include: Menyertakan tampilan lain ke dalam tampilan saat ini.
  • @component: Menyertakan komponen Blade ke dalam tampilan saat ini.
  • @auth dan @guest: Menampilkan konten berdasarkan status otentikasi pengguna.
  • @csrf: Menambahkan token CSRF untuk formulir.

Tips Menggunakan Blade

  • Gunakan tata letak yang dapat digunakan kembali untuk mengurangi duplikasi kode.
  • Gunakan direktif Blade untuk membuat tampilan yang dinamis dan interaktif.
  • Gunakan komentar untuk menjelaskan kode Anda.
  • Pisahkan logika tampilan dari logika bisnis.