Modèles et vues Blade
Générer du HTML dynamique avec les directives, mises en page et composants Blade.
Modèles et vues Blade est une leçon PHP Academy gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage PHP Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours PHP Academy comprend 4 leçons au total.
Qu’est-ce que Blade ?
Blade est le moteur de modèles de Laravel. Les fichiers se terminent par .blade.php et prennent en charge les directives, les boucles et l’héritage des mises en page. Blade est compilé en PHP brut et mis en cache.
Afficher des variables
Utilisez des doubles accolades pour afficher une variable. Sa valeur est automatiquement échappée afin d’empêcher les attaques XSS.
{{-- resources/views/greeting.blade.php --}}
<h1>Hello, {{ $name }}</h1>
<p>You have {{ $messageCount }} messages.</p>Sortie non échappée
Utilisez {!! !!} pour produire du code HTML brut (non échappé). Utilisez cette syntaxe uniquement pour du contenu fiable.
{!! $htmlContent !!}Structures conditionnelles
Blade fournit @if, @elseif, @else et @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 et @empty
Des raccourcis pratiques pour les vérifications courantes de valeurs nulles ou vides.
@isset($username)
<p>Welcome, {{ $username }}</p>
@endisset
@empty($items)
<p>No items found.</p>
@endemptyBoucles
Blade prend en charge @foreach, @for, @while et @forelse (avec la solution de repli @empty).
@forelse($posts as $post)
<article>
<h2>{{ $post->title }}</h2>
</article>
@empty
<p>No posts yet.</p>
@endforelseLa variable $loop
À l’intérieur d’un @foreach, $loop fournit des métadonnées : $loop->index, $loop->first, $loop->last et $loop->count.
Mise en page avec @extends et @section
Définissez une mise en page principale et étendez-la dans les vues enfants.
{{-- 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
Incluez une vue partielle.
@include("partials.nav")
@include("partials.alert", ["type" => "success", "msg" => "Saved!"])Composants Blade
Les composants réutilisables se trouvent dans resources/views/components/ et s’utilisent avec la syntaxe <x-component-name>.
{{-- components/alert.blade.php --}}
<div class="alert alert-{{ $type }}">
{{ $slot }}
</div>
{{-- Usage: --}}
<x-alert type="success">Profile updated!</x-alert>Transmettre des données aux vues
Depuis un contrôleur, transmettez des données à l’aide de view() avec un tableau ou de compact().
<?php
return view("users.index", [
"users" => User::all(),
"title" => "All Users",
]);
// Or:
return view("users.index", compact("users", "title"));Résumé
Blade compile le code en PHP. Utilisez {{ }} pour une sortie échappée, @extends/@section pour les mises en page, @foreach/@forelse pour les boucles et <x-component> pour une interface utilisateur réutilisable.
Vérification rapide
Quelle syntaxe Blade échappe la sortie de manière sûre afin d’empêcher les attaques XSS ?
Questions Fréquemment Posées
La leçon « Modèles et vues Blade » est-elle gratuite ?
Oui — le texte complet de « Modèles et vues Blade » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours PHP Academy, passe à CoddyKit PRO. Le cours PHP Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Modèles et vues Blade » ?
Générer du HTML dynamique avec les directives, mises en page et composants Blade. Tu pratiques PHP Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer PHP Academy ?
Aucune expérience préalable n'est requise. PHP Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « Modèles et vues Blade » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon PHP Academy ?
Oui. Chaque leçon PHP Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Structure d’un projet Laravel
- Définir des routes dans Laravel
- Contrôleurs et actions
- Modèles et vues Blade