Laravel implémente le chargement des pages publiques: explication détaillée de la technologie de mise en page de la vue

gitbox 2025-06-18

Méthode de mise en œuvre de Laravel pour charger les pages publiques dans les vues

Laravel est un puissant cadre PHP qui offre des moyens pratiques de charger et de gérer les pages publiques. Pendant le développement du projet, il existe généralement plusieurs vues qui doivent partager le même contenu de tête et de queue. Pour éviter une écriture répétée de ces contenus dans chaque vue, Laravel fournit une technologie de vue de mise en page, ce qui nous permet de centraliser le code de tête et de queue commun dans un fichier de mise en page, et d'autres vues réutilisent le code en héritant de ce fichier de mise en page.

Ci-dessous, nous présenterons comment utiliser la technologie de vue de mise en page de Laravel pour réaliser le chargement des pages publiques.

Étape 1: Créez un fichier de mise en page public

Tout d'abord, créez un fichier de mise en page nommé app.blade.php` dans le dossier `Resources / Views / Layouts`. Ce fichier servira de fichier de mise en page public partagé par toutes nos vues. Dans le fichier de mise en page, nous définissons le code HTML de tête et de queue commun et utilisons la directive `@ rendement» pour réserver du contenu pour des zones spécifiques de la page.

 
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('title')</title>
</head>
<body>
    <header>
        <!-- Contenu de la tête du public -->
    </header>
    @yield('content')
</main>

<footer>
    <!-- Contenu de la queue publique -->
</footer>

Dans ce fichier de mise en page, nous utilisons les directives `@yield ('title')` et `@yield ('contenu'), qui réservent respectivement l'espace pour la zone de titre et de contenu de la page. Ensuite, nous utiliserons ces espaces réservés dans le fichier de vue.

Étape 2: Créez un fichier d'affichage et héritez de la mise en page

Ensuite, nous créons un nouveau fichier de vue dans le dossier `Ressources / Views`, par exemple` home.blade.php`, et héritez du fichier de mise en page publique que nous venons de créer.

 
@extends('layouts.app')
<p>@section('title', 'première page')</p>
<p>@section('content')<br>
<h1>Bienvenue sur ma page d&#39;accueil！</h1><br>
<p>Ceci est mon blog personnel，Accueillir！</p><br>
@endsection<br>

Dans ce fichier d'affichage, nous héritons du fichier de mise en page `app.blade.php` via la directive` @ExtendStend ('Layouts.App') et remplissez l'espace réservé par la directive `@yield ('title')`. Ensuite, nous utilisons la directive `@Section ('Content')` pour remplir la zone de contenu réservée par `@yield ('contenu')`.

Étape 3: Générez le contenu HTML final

Lorsque Laravel rende ce fichier de vue, il insérera automatiquement le contenu rempli dans l'emplacement correspondant du fichier de mise en page public. Le contenu HTML final est le suivant:

 
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>première page</title>
</head>
<body>
    <header>
        <!-- Contenu de la tête du public -->
    </header>
    <h1>Bienvenue sur ma page d&#39;accueil！</h1>
    <p>Ceci est mon blog personnel，Accueillir！</p>
</main>

<footer>
    <!-- Contenu de la queue publique -->
</footer>

résumé

Grâce à la technologie de vue de mise en page de Laravel, nous pouvons éviter efficacement l'écriture répétée de codes de tête et de queue courants dans plusieurs vues. En créant un fichier de mise en page publique et en utilisant les directives `@ extends` et` @ section` dans la vue, nous pouvons facilement intégrer le contenu public dans plusieurs vues, améliorant la réutilisation et la maintenance du code.

Connexe

Laravel charge le code d'implémentation des pages publiques dans les vues