Laravel-Entwicklung: Wie verwende ich das Laravel Blade-Vorlagenlayout?-Laravel-php.cn

Heim

PHP-Framework

Laravel

Laravel-Entwicklung: Wie verwende ich das Laravel Blade-Vorlagenlayout?

Jun 14, 2023 am 10:41 AM

laravel blade 模板布局

Laravel ist ein ausgezeichnetes Entwicklungsframework, das auf PHP basiert. Es hat den Vorteil, dass es einfach zu erlernen, effizient und sicher ist und bei WEB-Entwicklern sehr beliebt ist. Unter anderem ist das Laravel Blade-Vorlagenlayout eine sehr praktische Funktion im Laravel-Framework. In diesem Artikel erfahren Sie, wie Sie das Laravel Blade-Vorlagenlayout anhand tatsächlicher Fälle verwenden.

Was ist das Blade-Vorlagenlayout?

Blade-Vorlagen-Engine ist die Standard-Ansichts-Engine des Laravel-Frameworks. Im Vergleich zur Template-Engine der nativen PHP-Syntax unterstützt Blade eine prägnantere und elegantere Syntax und kann besser mit dem Laravel-Framework verwendet werden. Das Layout der Laravel Blade-Vorlage bezieht sich auf die Aufteilung der Webseite in eine modulare Kombination aus Header, Tail, Sidebar und Blockinhalten, um die separate Entwicklung zu erleichtern und die Entwicklungseffizienz zu verbessern.

Erstellen Sie die Layout-Master-Vorlage

In Laravel können wir den Befehl artisan verwenden, um die Layout-Master-Vorlage zu generieren. Die spezifischen Schritte sind wie folgt:

php artisan make:layout masterphp artisan make:layout master

执行该命令后，在项目resources/views/layouts/目录下会生成一个名为master.blade.php的主模板文件。打开该文件，可以看到其中的代码内容如下：

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;{{ str_replace('_', '-', app()-&gt;getLocale()) }}&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
    &lt;title&gt;@yield('title')&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;header&gt;
        @yield('header')
    &lt;/header&gt;
    &lt;nav&gt;
        @yield('nav')
    &lt;/nav&gt;
    &lt;main&gt;
        @yield('content')
    &lt;/main&gt;
    &lt;footer&gt;
        @yield('footer')
    &lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

我们可以看到，模板文件中包含了头部、尾部、导航栏、主体等不同的区块，使用Blade模板语法的@yield()函数来占位，这里的@yield()函数定义了一个模板区块，以后我们将在其他视图文件中使用@section()函数填充这些模板区块。

替换被继承的子视图

对于任何需要使用布局的视图文件，都可以通过继承主模板来进行布局。打开视图文件，添加如下代码：

@extends('layouts.master')

Nach der Ausführung dieses Befehls wird eine Master-Vorlagendatei mit dem Namen master.blade.php im Verzeichnis resources/views/layouts/ des Projekts generiert. Öffnen Sie die Datei und Sie können sehen, dass der Codeinhalt wie folgt lautet:

@section('title', '页面标题')
@section('header')
    &lt;h1&gt;头部内容&lt;/h1&gt;
@endsection
@section('nav')
    &lt;ul&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;导航栏1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;导航栏2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;导航栏3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
@endsection
@section('content')
    &lt;p&gt;主体内容&lt;/p&gt;
@endsection
@section('footer')
    &lt;p&gt;版权信息&lt;/p&gt;
@endsection

Nach dem Login kopieren

Wir können sehen, dass die Vorlagendatei verschiedene Blöcke wie Header, Tail, Navigationsleiste, Body usw. enthält, indem wir @yield() der Blade-Vorlage verwenden Die Funktion @yield() definiert hier einen Vorlagenblock. Wir werden in Zukunft die Funktion @section() in anderen Ansichtsdateien verwenden.

@extends('layouts.master')

@extends('layouts.master') bedeutet hier, dass die aktuelle Ansichtsdatei von der Hauptansicht erbt Vorlagendatei layouts.master . Als Nächstes können Sie diese Vorlagenblöcke mit den durch die Funktion @yield() definierten Vorlagenblocknamen füllen. Sie können der Ansichtsdatei beispielsweise den folgenden Code hinzufügen:

    &lt;?php

    namespace AppHttpControllers;

    use IlluminateHttpRequest;
    use IlluminateSupportFacadesView;

    class HomeController extends Controller
    {
        public function index()
        {
            $data = [
                'title' =&gt; '页面标题',
                'header' =&gt; '&lt;h1&gt;头部内容&lt;/h1&gt;',
                'nav' =&gt; '&lt;ul&gt;
                            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;导航栏1&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;导航栏2&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;导航栏3&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;',
                'content' =&gt; '&lt;p&gt;主体内容&lt;/p&gt;',
                'footer' =&gt; '&lt;p&gt;版权信息&lt;/p&gt;'
            ];
            return View::make('home.index', $data);
        }
    }

Nach dem Login kopieren

Zusätzlich zu den Funktionen @yield() und @section() bietet Laravel auch statische View-Methoden. Die spezifischen Implementierungsschritte lauten wie folgt:

@section('content')
    &lt;div&gt;
        @foreach ($posts as $post)
            &lt;h2&gt;{{ $post-&gt;title }}&lt;/h2&gt;
            &lt;p&gt;{{ substr($post-&gt;content, 0, 100) }}&lt;/p&gt;
        @endforeach
    &lt;/div&gt;
@endsection

Nach dem Login kopieren

Im obigen Code haben wir View::make verwendet, um die Ansicht zu generieren, und eine Array-Instanz $data als Variablenkontext der Ansicht übergeben. In diesem Array definieren wir fünf Variablen, darunter $title, $header, $nav, $content und $footer, die zum Ausfüllen der entsprechenden Vorlagenblöcke in der Hauptvorlage verwendet werden.

Das obige ist der detaillierte Inhalt vonLaravel-Entwicklung: Wie verwende ich das Laravel Blade-Vorlagenlayout?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn