\n\n\n\n

This layout has placeholders (@yield) for the title and the main content. Now, let’s say you’re creating a home page. You can extend this layout like this:
\n<\/p>\n\n

@extends('layout')\n\n@section('title', 'Home Page')\n\n@section('content')\n    
Welcome to the Home Page!<\/h1>\n@endsection\n<\/pre>\n\n\n\n
En utilisant @extends, vous créez un lien vers la mise en page, et @section vous permet de remplir les espaces réservés avec votre contenu spécifique. Cela garde votre code SEC (Ne vous répétez pas) et super gérable. Blade simplifie votre flux de travail, vous permettant de vous concentrer davantage sur ce qui compte : créer de superbes applications Web.<\/p>\n\n
<\/p>\n\n
\n  \n  \n  Composants de lame\n<\/h2>\n\n
Les composants Blade sont comme de petits éléments de base pour votre interface utilisateur. Imaginez-les comme des pièces Lego?: vous créez une petite partie réutilisable de votre interface et pouvez la mettre en place là où vous en avez besoin. Cela rend votre code plus propre et plus maintenable.<\/p>\n\n
Vous pouvez définir un composant une seule fois et l'utiliser tout au long de votre application. Besoin d'un bouton qui ait le même aspect sur différentes pages?? Créez un composant Blade pour cela?! Mieux encore, vous pouvez transmettre des attributs à ces composants pour les rendre flexibles et adaptables.<\/p>\n\n
Voici un exemple simple de composant de bouton?:
\n<\/p>\n\n
\n{{ $slot }}<\/button>\n\n\nClick Me<\/x-button>\n<\/pre>\n\n\n\n
Vous pouvez rendre vos composants dynamiques en utilisant une classe de composants. Cela vous permet de transmettre des attributs tels que le type ou la classe pour personnaliser le comportement ou le style du bouton.
\n<\/p>\n\n
\/\/ In a component class\npublic function render()\n{\n    return view('components.button', [\n        'type' => $this->type,\n        'class' => $this->class,\n    ]);\n}\n\n\/\/ In the Blade component\n\n\n\n\n
\n  \n  \n  Including Subviews\n<\/h2>\n\n
Sometimes, you’ll want to break your templates into smaller pieces for better organization and reusability. Blade makes this easy with the @include directive. Think of it as a way to insert a smaller view (or subview) into a larger one.<\/p>\n\n
<\/p>\n\n
\n  \n  \n  Blade Directives\n<\/h2>\n\n
Blade comes packed with handy directives that make common tasks a breeze. Here are a few:
\n@csrf: CSRF token to your forms, protecting them from cross-site request forgery attacks
\n@method: specifies the HTTP method for forms
\n@auth: checks if a user is authenticated
\n@guest: checks if a user is a guest (not authenticated)
\n<\/p>\n\n
\n    @csrf\n    @method('PUT')\n    Submit<\/button>\n<\/form>\n<\/pre>\n\n\n\n
Besoin de quelque chose de plus personnalisé?? Vous pouvez créer vos propres directives Blade pour une logique réutilisable.<\/p>
Par exemple, disons que vous avez souvent besoin de formater des dates. Vous pouvez définir une directive personnalisée comme celle-ci?:
\n<\/p>\n\n
Hello, {{ $name }}!<\/h1>\n<\/pre>\n\n\n\n
<\/p>\n\n
\n  \n  \n  Autres fonctionnalités\n<\/h2>\n\n
Blade est livré avec des fonctionnalités très pratiques qui rendent votre vie de développeur plus fluide. Examinons quelques-uns d'entre eux.<\/p>\n\n
\n  \n  \n  Gestion des URL d'actifs\n<\/h3>\n\n
Besoin de lier vos fichiers CSS ou JavaScript?? La fonction d'assistance Asset() vous couvre. Il génère l'URL correcte pour vos éléments, vous n'avez donc pas à vous soucier des chemins?:
\n<\/p>\n\n
@if ($user)\n    
Welcome, {{ $user->name }}!<\/p>\n@else\n    
Please log in.<\/p>\n@endif\n<\/pre>\n\n\n\n
\n  \n  \n  Gestion des tableaux ou des collections vides\n<\/h3>\n\n
La directive @forelse de Blade est une bouée de sauvetage lorsqu'il s'agit de tableaux ou de collections vides. Il vous permet de parcourir les éléments et gère également le cas où il n'y a aucun élément avec élégance?:
\n<\/p>\n\n
\n\n\n