Blade ist die Standard-Template-Engine von Laravel. Blade ermöglicht dir, eine saubere und strukturierte Syntax zu verwenden, um HTML-Markup zu erstellen und logischen Ablaufsteuerungen in den Templates zu implementieren. Du trennst die Ausgabe deines Designs damit effizient vom Controller und bleibst dem Model-View-Controller Prinzip treu.

Ein Blade-Template beginnt mit dem Präfix @, das den Blade-Compiler anzeigt, dass es sich um einen Blade-Befehl handelt. Beispielsweise kann man eine Schleife mit @foreach schreiben und eine Bedingung mit @if.

Blade-Direktive

Eine Blade-Direktive ist ein spezieller Befehl, der in Blade-Templates verwendet wird, um logischen Ablaufsteuerungen und andere Funktionen bereitzustellen. Direktiven beginnen mit dem Präfix @ und können verwendet werden, um Schleifen, Bedingungen, Variablen, Einbindungen von anderen Ansichten, usw. zu erstellen.

Einige Beispiele für Blade-Direktiven sind:

  • @if und @elseif: verwendet, um eine Bedingung auszuführen
  • @foreach und @endforeach: verwendet, um eine Schleife durch ein Array oder eine Collection auszuführen
  • @while und @endwhile: verwendet, um eine Schleife solange eine Bedingung erfüllt ist auszuführen
  • @include : eine andere Ansicht einbinden
  • @extends : erbt von einer anderen Ansicht
  • @yield : definiert einen Platzhalter für eine andere Ansicht

Blade-Direktiven ermöglichen es, die Ansicht sauberer und lesbarer zu machen, indem logischen Ablaufsteuerungen und andere Funktionen aus dem HTML-Markup entfernt werden. Es ist auch möglich, eigene Direktiven zu erstellen, um benutzerdefinierte Funktionalitäten in Ansichten bereitzustellen.

Hier ist ein Beispiel eines Blade-Templates, das eine Liste von Benutzern anzeigt:

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($users as $user)
            <tr>
                <td>{{ $user->name }}</td>
                <td>{{ $user->email }}</td>
            </tr>
        @endforeach
    </tbody>
</table>

In diesem Beispiel werden die $users an die Ansicht übergeben und mit @foreach wird eine Schleife durchgeführt und für jeden Benutzer wird eine neue Zeile in der Tabelle erstellt.

Blade-Templates besitzen eine einfach Syntax, die es dir ermöglicht, HTML-Code mit PHP-Code elegant zu kombinieren. Blade-Templates in Laravel zu nutzen ist recht einfach und absolut fantastisch. Als Erstes müsst du eine Datei mit der Endung „.blade.php“ erstellen. Idealerweise im „views“ Ordner.

Diese Datei enthält dann sowohl HTML- als auch PHP-Code. Als nächstes musst du einen Laravel-Controller anlegen und dort den Code zum Rendern des Templates hinzufügen.

Für das oben genannte Beispiel würde der Controller-Code wie folgt aussehen:

namespace App\Http\Controllers;

use App\Http\Controllers\Controller;

class ExampleController extends Controller
{
    public function show()
    {
        return view('example.blade.php');
    }
}

Welche Laravel Blade-Direktiven gibt es?

Einige der häufigsten verwendeten Blade-Direktiven sind:

• @if
• @foreach
• @for
• @while
• @include
• @extends
• @section
• @yield
• @show
• @unless
• @endunless
• @php
• @endphp
• @auth
• @endauth
• @guest
• @endguest
• @push
• @endpush
• @stack
• @endstack
• @isset
• @endisset
• @empty
• @endempty

Blade-Directive:

• @if – Diese Direktive wird verwendet, um Bedingungen in Ihrem Code zu prüfen. Wenn die Bedingung wahr ist, wird der Code in der direkten Umgebung ausgeführt.
• @foreach – Diese Direktive wird verwendet, um eine Schleife über ein Array oder eine Sammlung zu erstellen.
• @for – Diese Direktive wird verwendet, um eine Schleife über eine festgelegte Anzahl an Iterationen zu erstellen.
• @while – Diese Direktive wird verwendet, um eine Schleife zu erstellen, die so lange läuft, bis die angegebene Bedingung nicht mehr erfüllt ist.
• @include – Diese Direktive wird verwendet, um eine andere Blade-Vorlage in eine aktuelle Vorlage zu integrieren.
• @extends – Diese Direktive wird verwendet, um eine Blade-Vorlage als Elternvorlage für eine andere Vorlage zu definieren.
• @section – Diese Direktive wird verwendet, um einzelne Abschnitte einer Vorlage zu definieren.
• @yield – Diese Direktive wird verwendet, um den Inhalt eines von einer Elternvorlage definierten Abschnitts auszugeben.
• @show – Diese Direktive wird verwendet, um den Inhalt eines Abschnitts auszugeben, der nicht von einer Elternvorlage definiert wurde.
• @unless – Diese Direktive wird verwendet, um den Code nur dann zu verarbeiten, wenn die angegebene Bedingung falsch ist.
• @endunless – Diese Direktive wird verwendet, um den Codeblock zu beenden, der mit der @unless-Direktive begonnen wurde.
• @php – Diese Direktive wird verwendet, um PHP-Code innerhalb einer Blade-Vorlage zu schreiben.
• @endphp – Diese Direktive wird verwendet, um den von der @php-Direktive gestarteten Codeblock zu beenden.
• @auth – Diese Direktive wird verwendet, um den Code nur dann zu verarbeiten, wenn der Benutzer authentifiziert ist.
• @endauth – Diese Direktive wird verwendet, um den Codeblock zu beenden, der mit der @auth-Direktive begonnen wurde.
• @guest – Diese Direktive wird verwendet, um den Code nur dann zu verarbeiten, wenn der Benutzer nicht authentifiziert ist.
• @endguest – Diese Direktive wird verwendet, um den Codeblock zu beenden, der mit der @guest-Direktive begonnen wurde.
• @push – Diese Direktive wird verwendet, um Daten in eine Blade-Kompilierungsstapel zu schieben.
• @endpush – Diese Direktive wird verwendet, um den Codeblock zu beenden, der mit der @push-Direktive begonnen wurde.
• @stack – Diese Direktive wird verwendet, um Daten aus einem Blade-Kompilierungsstapel abzurufen.
• @endstack – Diese Direktive wird verwendet, um den Codeblock zu beenden, der mit der @stack-Direktive begonnen wurde.
• @isset – Diese Direktive wird verwendet, um zu prüfen, ob eine Variable definiert ist.
• @endisset – Diese Direktive wird verwendet, um den Codeblock zu beenden, der mit der @isset-Direktive begonnen wurde.
• @empty – Diese Direktive wird verwendet, um zu prüfen, ob eine Variable leer ist.
• @endempty – Diese Direktive wird verwendet, um den Codeblock zu beenden, der mit der @empty-Direktive begonnen wurde.

Ähnlicher Beitrag

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert