Penggunaan Blade Directives

Laravel adalah salah satu framework PHP yang paling populer dan memiliki fitur templating yang cukup kuat bernama Blade. Blade merupakan sistem templating yang memungkinkan Anda menulis tampilan dengan lebih mudah dan bersih. Dalam tutorial ini, kita akan membahas secara detail tentang penggunaan Blade Directives.

Apa itu Blade Directives?

Blade Directives adalah perintah khusus dalam Laravel Blade yang memungkinkan Anda untuk menambahkan logika dalam file tampilan Anda dengan cara yang lebih bersih. Directives ini diawali dengan simbol @.

Kategori Blade Directives

Berikut adalah beberapa kategori umum dari Blade Directives yang akan kita bahas:

1. Blade Control Structures

@if, @elseif, @else, @endif

Anda dapat menggunakan direktif ini untuk menambahkan logika percabangan dalam tampilan Anda.

@if ($user = Auth::user())
    <h1>Welcome, {{ $user->name }}</h1>
@else
    <h1>Welcome, Guest</h1>
@endif

@for, @foreach, @forelse, @endfor, @endforeach, @endforelse

Digunakan untuk pengulangan.

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

@forelse ($users as $user)
    <p>{{ $user->name }}</p>
@empty
    <p>No users found.</p>
@endforelse

2. Blade Template Inheritance

@extends dan @section

Dengan direktif ini, Anda dapat memperluas template dan mendefinisikan bagian konten.

<!-- layout.blade.php -->
<html>
<head>
    <title>@yield('title')</title>
</head>
<body>
    @yield('content')
</body>
</html>

<!-- child.blade.php -->
@extends('layout')

@section('title', 'Page Title')

@section('content')
    <p>This is my body content.</p>
@endsection

3. Blade Stacking

@push dan @stack

Digunakan untuk menambahkan skrip atau gaya di bagian tertentu dari template.

@section('content')
    <p>This is my body content.</p>

    @push('scripts')
        <script src="/js/some-script.js"></script>
    @endpush
@endsection

<!-- layout.blade.php -->
<html>
<head>
    <title>@yield('title')</title>
    @stack('scripts')
</head>
<body>
    @yield('content')
</body>
</html>

4. Blade Displaying Data

{{ }} dan {!! !!}

Direktif ini digunakan untuk menampilkan data.

  • {{ }}: Menghindari XSS - Secara otomatis meng-escape data.
<p>{{ $user->name }}</p>
  • {!! !!}: Menampilkan data yang tidak di-escape (gunakan dengan hati-hati).
<p>{!! $htmlContent !!}</p>

5. Other Useful Directives

  • @include: Untuk menginklusi view lain.
@include('partials.header')
  • @auth dan @guest: Untuk memeriksa autentikasi pengguna.
@auth
    <p>Welcome, {{ Auth::user()->name }}</p>
@endauth

@guest
    <p>Please log in.</p>
@endguest

Kesimpulan

Blade Directives memberikan cara yang bersih dan efisien untuk menulis tampilan di Laravel. Dengan memahami dan menggunakan direktif ini, Anda dapat membuat template yang lebih terstruktur dan mudah dipelihara.

Sekian tutorial tentang penggunaan Blade Directives di Laravel. Semoga bermanfaat!

PREVIOUS
NEXT