0Pricing
PHP Academy · Lekcja

Szablony i widoki Blade

Renderuj dynamiczny kod HTML za pomocą dyrektyw, układów i komponentów Blade

Szablony i widoki Blade to bezpłatna lekcja PHP Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej PHP Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs PHP Academy zawiera 4 lekcji w sumie.

Czym jest Blade?

Blade to silnik szablonów Laravel. Pliki mają rozszerzenie .blade.php i obsługują dyrektywy, pętle oraz dziedziczenie układów. Blade jest kompilowany do zwykłego PHP i buforowany.

Wyświetlanie zmiennych

Użyj podwójnych nawiasów klamrowych, aby wyświetlić zmienną. Wartość jest automatycznie kodowana, aby zapobiec atakom XSS.

{{-- resources/views/greeting.blade.php --}}
<h1>Hello, {{ $name }}</h1>
<p>You have {{ $messageCount }} messages.</p>

Nieskodowane dane wyjściowe

Użyj {!! !!}, aby wyświetlić surowy, nieskodowany kod HTML. Stosuj to wyłącznie dla zaufanych treści.

{!! $htmlContent !!}

Instrukcje warunkowe

Blade udostępnia dyrektywy @if, @elseif, @else i @endif.

@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 i @empty

Wygodne skrócone zapisy typowych sprawdzeń wartości null lub pustej wartości.

@isset($username)
    <p>Welcome, {{ $username }}</p>
@endisset

@empty($items)
    <p>No items found.</p>
@endempty

Pętle

Blade obsługuje dyrektywy @foreach, @for, @while i @forelse (z alternatywą @empty).

@forelse($posts as $post)
    <article>
        <h2>{{ $post->title }}</h2>
    </article>
@empty
    <p>No posts yet.</p>
@endforelse

Zmienna $loop

Wewnątrz dyrektywy @foreach zmienna $loop udostępnia metadane: $loop->index, $loop->first, $loop->last, $loop->count.

Układ z @extends i @section

Zdefiniuj główny układ, a następnie rozszerz go w widokach potomnych.

{{-- 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

Dołącz częściowy widok podrzędny.

@include("partials.nav")
@include("partials.alert", ["type" => "success", "msg" => "Saved!"])

Komponenty Blade

Komponenty wielokrotnego użytku znajdują się w resources/views/components/ i są używane za pomocą składni <x-component-name>.

{{-- components/alert.blade.php --}}
<div class="alert alert-{{ $type }}">
    {{ $slot }}
</div>

{{-- Usage: --}}
<x-alert type="success">Profile updated!</x-alert>

Przekazywanie danych do widoków

Z kontrolera przekaż dane za pomocą view(), używając tablicy lub compact().

<?php
return view("users.index", [
    "users" => User::all(),
    "title" => "All Users",
]);
// Or:
return view("users.index", compact("users", "title"));

Podsumowanie

Blade jest kompilowany do PHP. Używaj {{ }} do kodowanych danych wyjściowych, @extends/@section do układów, @foreach/@forelse do pętli oraz <x-component> do wielokrotnego użytku interfejsu.

Szybkie sprawdzenie

Jaka składnia Blade bezpiecznie koduje dane wyjściowe, aby zapobiec atakom XSS?

Często zadawane pytania

Czy lekcja „Szablony i widoki Blade” jest bezpłatna?

Tak — pełny tekst „Szablony i widoki Blade” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu PHP Academy, przejdź na CoddyKit PRO. Kurs PHP Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Szablony i widoki Blade”?

Renderuj dynamiczny kod HTML za pomocą dyrektyw, układów i komponentów Blade Ćwiczysz PHP Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć PHP Academy?

Nie wymagamy żadnego doświadczenia. PHP Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Szablony i widoki Blade”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji PHP Academy?

Tak. Każda lekcja PHP Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Struktura projektu Laravel
  2. Definiowanie tras w Laravelu
  3. Kontrolery i akcje
  4. Szablony i widoki Blade
← Powrót do PHP Academy