Blade-Templates und Views
Rendern Sie dynamisches HTML mit Blade-Direktiven, Layouts und Komponenten.
Blade-Templates und Views ist eine kostenlose PHP Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des PHP Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der PHP Academy-Kurs umfasst insgesamt 4 Lektionen.
Was ist Blade?
Blade ist Laravels Templating-Engine. Dateien enden mit .blade.php und unterstützen Direktiven, Schleifen und Layout-Vererbung. Blade wird in einfaches PHP kompiliert und zwischengespeichert.
Variablen ausgeben
Verwenden Sie doppelte geschweifte Klammern, um eine Variable auszugeben. Der Wert wird automatisch escaped, um XSS zu verhindern.
{{-- resources/views/greeting.blade.php --}}
<h1>Hello, {{ $name }}</h1>
<p>You have {{ $messageCount }} messages.</p>Unescaped Output
Verwenden Sie {!! !!} für die direkte Ausgabe von rohem (nicht escaptem) HTML. Verwenden Sie dies nur für vertrauenswürdige Inhalte.
{!! $htmlContent !!}Bedingungen
Blade stellt @if, @elseif, @else und @endif bereit.
@if($user->isAdmin())
<a href="/admin">Admin Panel</a>
@elseif($user->isEditor())
<a href="/editor">Editor</a>
@else
<a href="/dashboard">Dashboard</a>
@endif@isset und @empty
Praktische Kurzformen für häufige Prüfungen auf null oder leere Werte.
@isset($username)
<p>Welcome, {{ $username }}</p>
@endisset
@empty($items)
<p>No items found.</p>
@endemptySchleifen
Blade unterstützt @foreach, @for, @while und @forelse (mit @empty als Fallback).
@forelse($posts as $post)
<article>
<h2>{{ $post->title }}</h2>
</article>
@empty
<p>No posts yet.</p>
@endforelseDie Variable $loop
Innerhalb eines @foreach stellt $loop Metadaten bereit: $loop->index, $loop->first, $loop->last, $loop->count.
Layout mit @extends und @section
Definieren Sie ein Master-Layout und erweitern Sie es in untergeordneten Views.
{{-- layouts/app.blade.php --}}
<html>
<body>
@yield("content")
</body>
</html>
{{-- pages/home.blade.php --}}
@extends("layouts.app")
@section("content")
<h1>Home Page</h1>
@endsection@include
Binden Sie ein Partial einer Unteransicht ein.
@include("partials.nav")
@include("partials.alert", ["type" => "success", "msg" => "Saved!"])Blade-Komponenten
Wiederverwendbare Komponenten befinden sich in resources/views/components/ und werden mit der Syntax <x-component-name> verwendet.
{{-- components/alert.blade.php --}}
<div class="alert alert-{{ $type }}">
{{ $slot }}
</div>
{{-- Usage: --}}
<x-alert type="success">Profile updated!</x-alert>Daten an Views übergeben
Übergeben Sie Daten aus einem Controller mit view() und einem Array oder mit compact().
<?php
return view("users.index", [
"users" => User::all(),
"title" => "All Users",
]);
// Or:
return view("users.index", compact("users", "title"));Zusammenfassung
Blade wird in PHP kompiliert. Verwenden Sie {{ }} für escapte Ausgaben, @extends/@section für Layouts, @foreach/@forelse für Schleifen und <x-component> für wiederverwendbare UI-Komponenten.
Schnelltest
Welche Blade-Syntax escaped Ausgaben sicher, um XSS zu verhindern?
Häufig gestellte Fragen
Ist die Lektion „Blade-Templates und Views“ kostenlos?
Ja — der vollständige Text von „Blade-Templates und Views“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des PHP Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der PHP Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Blade-Templates und Views“?
Rendern Sie dynamisches HTML mit Blade-Direktiven, Layouts und Komponenten. Du übst PHP Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um PHP Academy zu starten?
Keine Vorkenntnisse erforderlich. PHP Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Blade-Templates und Views“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser PHP Academy-Lektion Code schreiben und ausführen?
Ja. Jede PHP Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Laravel-Projektstruktur
- Routen in Laravel definieren
- Controller und Actions
- Blade-Templates und Views