Maison > Article > développement back-end > Comment utiliser les fichiers de mise en page du moteur de modèle Blade dans le framework Laravel ?

Comment utiliser les fichiers de mise en page du moteur de modèle Blade dans le framework Laravel ?

WBOYoriginal: 2023-06-03 16:21:21739parcourir

Dans le framework Laravel, l'utilisation du moteur de modèles Blade peut nous aider à écrire des fichiers de vue plus facilement et plus rapidement. La fonctionnalité de fichier de mise en page nous permet de réutiliser facilement les fichiers de visualisation et d'améliorer l'efficacité du codage. Cet article expliquera comment utiliser le fichier de mise en page de Blade dans le framework Laravel et donnera les étapes de mise en œuvre spécifiques.

Tout d'abord, nous devons comprendre ce qu'est un fichier de mise en page dans le moteur de modèles Blade. En termes simples, un fichier de mise en page est un fichier de vue spécial dans lequel les blocs (ou paragraphes) définis peuvent être remplacés dans d'autres fichiers de vue.

En utilisant le fichier de mise en page de Blade, vous pouvez extraire des éléments communs tels que la tête et la queue du site Web, les écrire séparément et les réutiliser dans d'autres pages via « héritage » ou « inclure ». De cette façon, nous pouvons réduire la redondance du code et améliorer la maintenabilité et la réutilisation du code.

Ensuite, présentons les étapes spécifiques de mise en œuvre. Avant de commencer, nous devons nous assurer que le framework Laravel a été installé avec succès et que nous connaissons l'utilisation de base du moteur de modèles Blade.

Créer un fichier de mise en page

Tout d'abord, nous devons créer un fichier de mise en page qui définit les blocs communs du site Web. Dans le framework Laravel, nous pouvons placer le fichier de mise en page dans le répertoire resources/views/layouts (si le répertoire n'existe pas, vous pouvez le créer vous-même. Par exemple, nous nommons le fichier de mise en page layout.blade.php). Le contenu du fichier de mise en page est le suivant :

<!DOCTYPE html>
<html>
<head>
    <title>@yield('title')</title>
</head>
<body>
    <div class="header">
        @section('header')
            <h1>This is the header section</h1>
        @show
    </div>

    <div class="content">
        @yield('content')
    </div>

    <div class="footer">
        @section('footer')
            <p>This is the footer section</p>
        @show
    </div>
</body>
</html>

Dans ce fichier de mise en page, nous définissons trois blocs : titre, en-tête et pied de page. Parmi eux, le titre est utilisé pour spécifier le titre de la page, et l'en-tête et le pied de page sont utilisés pour définir respectivement le début et la fin du site Web. Veuillez noter que ces trois sections sont définies via la directive @yield, ce qui signifie que d'autres fichiers de vue peuvent remplacer ou ajouter du contenu via la directive @section.

Créer des fichiers de vue

Ensuite, nous devons créer des fichiers de vue en tant que sous-classes du fichier de mise en page pour hériter et remplacer les blocs du fichier de mise en page. Supposons que nous devions maintenant créer une page nommée home, nous pouvons créer un fichier home.blade.php et le stocker dans le répertoire resources/views. Le contenu de home.blade.php est le suivant :

@extends('layouts.layout')

@section('title', 'Home Page')

@section('header')
    @parent   //使用@parent指令来保留布局文件中已经定义的内容
    <h2>Welcome to Home Page</h2>
@endsection

@section('content')
    <p>This is the content of Home Page</p>
@endsection

Dans ce fichier de vue, nous utilisons la directive @extends pour hériter du fichier de mise en page, et dans le bloc défini par la directive @yield, utilisons la directive @section pour remplacer ou ajouter du contenu. Par exemple, dans ce home.blade.php, nous héritons du fichier layout.blade.php et remplaçons respectivement le contenu des blocs titre, en-tête et contenu. Dans le bloc d'en-tête, nous utilisons la directive @parent pour conserver le contenu déjà défini dans le fichier de mise en page et ajouter un message de bienvenue basé sur celui-ci.

Rendu le fichier de vue

La dernière étape, nous devons charger le fichier de vue dans le contrôleur et le restituer en sortie. En supposant que nous ayons maintenant un HomeController, nous pouvons effectuer les opérations suivantes dans sa méthode d'indexation :

public function index()
{
    return view('home');
}

De cette façon, lorsque nous accédons à la méthode d'indexation de HomeController, le framework Laravel chargera le fichier home.blade.php et en fonction du La structure définie dans le fichier de mise en page est rendue et sortie. De cette façon, nous pouvons facilement réutiliser les fichiers de visualisation et améliorer l’efficacité du développement de sites Web.

Résumé

Cet article explique comment utiliser la fonctionnalité de fichier de mise en page du moteur de modèle Blade dans le framework Laravel. En utilisant des fichiers de mise en page, nous pouvons facilement réutiliser les fichiers de vue et améliorer la maintenabilité et la réutilisabilité du code. Dans le développement réel, nous pouvons étendre et concevoir le fichier de mise en page en fonction de nos propres besoins pour améliorer l'efficacité du développement et la qualité du code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment PHP implémente-t-il l’interface API ?Article suivant：Comment PHP implémente-t-il l’interface API ?

Articles Liés

Voir plus