Heim > Artikel > PHP-Framework > Was ist eine Blade-Vorlage?

Was ist eine Blade-Vorlage?

coldplay.xixiOriginal: 2020-07-02 10:55:483280Durchsuche

Blade-Vorlage ist eine von Laravel bereitgestellte Vorlagen-Engine. Sie ist einfach und leistungsstark. Blade verwendet die kompilierte Cache-Datei anstelle der Ansicht selbst nützlich für die Anwendung. Es ist kein Overhead.

Blade-Vorlage ist:

Blade ist eine von Laravel bereitgestellte Template-Engine, sie ist einfach und leistungsstark. Im Gegensatz zu anderen PHP-Template-Engines ermöglicht Blade die Verwendung von nativem PHP-Code in Ansichten.

Tatsächlich werden alle Blade-Ansichten schließlich in nativen PHP-Code kompiliert und im Ordner storage/framework/views zwischengespeichert.

Laravel verwendet diese kompilierten Cache-Dateien, nicht die Ansichten selbst, sodass Blade keinen Overhead für die Anwendung hat. Wenn Sie eine Ansichtsdatei ändern, wird sie zur Verwendung neu kompiliert und zwischengespeichert. Blade-Ansichten haben das Suffix blade.php und werden im Allgemeinen im Ordner resources/views gespeichert.

Vorlagenvererbung:

1. Definieren Sie Layoutdateien

Die beiden wichtigsten Vorteile der Blade-Vorlagen-Engine sind die „Vorlagenvererbung“. „“ und „Blockieren“. Um ein einfaches Beispiel zu nennen: In einem Projekt haben fast alle Seiten das gleiche Layout. Zu diesem Zeitpunkt kann dieses Layout extrahiert und als Masterseite verwendet werden eine untergeordnete Seite der Masterseite. Die Masterseite wird auch als Layoutdatei bezeichnet, und die Layoutdatei ist eine Blade-Ansicht:

<!-- Stored in resources/views/layouts/app.blade.php -->
<html>
       <head>
             <title>App Name - @yield(&#39;title&#39;)</title>
       </head>
       <body>
         @section(&#39;sidebar&#39;)
               This is the master sidebar.
         @show
         <div class="container">
              @yield(&#39;content&#39;)
         </div>
       <body>
</html>

Zusätzlich zum grundlegenden HTNL-Tag verwendet die Layoutdatei auch zwei Anweisungen: @section und @yield. @section definiert den Block und @yield definiert den Inhalt im Block.

Unten. um Unterseiten der Layoutdatei zu definieren.

2. Erben Sie die Layoutdatei

Verwenden Sie auf der Unterseite die @extends-Direktive von Blade, um die „geerbte“ Layoutdatei anzugeben, und verwenden Sie zur Angabe die @section-Direktive Die „geerbte“ Layoutdatei in der Layoutdatei. Fügen Sie dort Inhalte ein, wo die @section- und @yield-Direktiven verwendet werden:

<!-- Stored in resources/views/child.blade.php -->
@extends(&#39;layouts.app&#39;)
@section(&#39;title&#39;,&#39;Page Title&#39;)
@section(&#39;sidebar&#39;)
       <p> This is appended to the master sideebar</p>
@endsection
@section(&#39;content&#39;)
         <p>This ismy body content. </p>
@endsection

Sie können sehen, dass dort, wo die @yield-Direktive in der Layoutdatei verwendet wird, @section ist wird immer noch zum Einfügen von Inhalten in die Unterseite verwendet; in der Layoutdatei verwenden Sie einen Vorteil der @section-Direktivendefinition: Wenn Sie die @section-Injektion in einer untergeordneten Seite verwenden, können Sie die @parent-Direktive zum Anhängen (anstatt sie zu überschreiben) verwenden Inhalt in der Layoutdatei, in der die @yield-Direktive in der Layoutdatei verwendet wird. Dies ist nicht möglich. Die @parent-Direktive wird beim Rendern der Ansicht durch den Inhalt in der Layoutdatei ersetzt.

Beachten Sie, dass die Unterseite im Gegensatz zur im Dateilayout definierten Seitenleiste mit @endsection statt mit @show beendet wird. Weil @endsection nur zum Definieren von Blöcken verwendet wird und @show zum Definieren und sofortigen Generieren von Blöcken verwendet wird.

Um die Ansichtsdatei direkt von der Route zurückzugeben, müssen Sie den globalen Hilfsfunktionshelfer verwenden:

Route::get(&#39;blade&#39;, function(){
        return view(&#39;child&#39;);
})

3. Komponenten & Slots

Komponenten und Slots Slots bieten ähnliche Vorteile wie Layouts und Blöcke. Das mentale Modell von Komponenten und Slots ist intuitiver. Stellen Sie sich vor, dass wir in unserem Projekt eine wiederholbare „Popup“-Komponente haben:

<!-- Stored resource/views/alter.blade.php -->
<div class="alter alter-danger">
       {{ $slot }}
</div>

{{ $slot }} repräsentiert den Inhalt der eingefügten Komponente. Um diese Komponente zu erstellen, verwenden Sie die @component-Direktive von Blade:

@component(&#39;alter&#39;)
        <strong>Whoops!</strong> Something went wrong!
@endcomponent

In diesem Szenario lautet der Inhalt der {{ $slot }} -Variable:

<strong>Whoops! </strong> Something went wrong!

Manchmal erfordert eine Komponente mehrere Steckplätze. Zu diesem Zeitpunkt müssen Sie nur den Komponentencode geringfügig ändern und einen „Titel“-Slot definieren, der als benannter Slot bezeichnet wird. Benannte Slots zeigen Inhalte an, indem sie einfach die Variable „drucken“, die ihrem Namen entspricht:

<!-- Stored resources/views/alter.blade.php-->
<div class="alter alter-danger">
         <div class="alter-title">{{ $title }}</div>
            {{ $slot }}
</div>

Um Inhalte in einen benannten Slot einzufügen, verwenden Sie die @slot-Direktive. Alle Inhalte, die nicht in der @slot-Direktive enthalten sind, werden an die Variable $slot in der Komponente übergeben.

@compontent (&#39;alter&#39;)
         @slot(&#39;title&#39;)
            Forbidden
         @endslot
     You are not allowed to access this resource!
@edcompontent~

4. Übergeben Sie zusätzliche Daten für Komponenten:

Manchmal ist es notwendig, zusätzliche Daten für Komponenten zu übergeben. Dazu können Sie ein zweites Array-Argument an die @conponent-Direktive übergeben. Geben Sie die zu übergebenden Extras an. Alle bisherigen Zusatzdaten können als Variablen in der Komponentenvorlage verwendet werden:

@component
     <compontent(&#39;alter&#39;, [&#39;foo&#39; => &#39;bar&#39;);
         .....
@endCompontent

5. Anzeigedaten

übergibt Daten an die Blade-Ansicht, indem die Variable eingepackt wird [ ] :

Route::get(&#39;greeting&#39;, function(){
         return view(&#39;welcome&#39;, [ &#39;name&#39; => &#39;&#39;Samantha&#39;]);
})

Sie können die Namensvariable verwenden, um den Inhalt anzuzeigen:

Hello! {{ $name }}

{{ }} ist die Druckanweisung der Blade-Ansicht. Die Druckanweisung tut dies natürlich nicht ist auf das Drucken variabler Inhalte beschränkt, es können auch PHP-Funktionen verwendet werden. Tatsächlich kann jeder PHP-Code in der Druckanweisung verwendet werden:

The current UNIX timestamp is {{ time() }}

6. Nicht übertragene Daten anzeigen

Standardmäßig werden alle Inhalte an Anweisung wird verwendet Blade {{ }} Funktionsverarbeitung, Escape-Inhalt, um XSS-Angriffe zu vermeiden. Wenn keine Notwendigkeit besteht, den Ausgabeinhalt zu maskieren, können Sie die folgende Syntax verwenden: htmlspecialchar

Hello! {{!! $name !!}}.

Seien Sie jedoch vorsichtig und sollten der Verwendung der maskierten

-Syntax Vorrang einräumen, um XXS-Angriffe zu vermeiden. Denn manchmal ist es für Sie schwierig, eine absichtliche oder unabsichtliche Dateneingabe durch Benutzer zu vermeiden. {{ }}

Verwandte Lernempfehlungen:
Laravel

Das obige ist der detaillierte Inhalt vonWas ist eine Blade-Vorlage?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：Laravel-S kann eine so hohe Leistung tatsächlich verbessern!Nächster Artikel：Laravel-S kann eine so hohe Leistung tatsächlich verbessern!

In Verbindung stehende Artikel

Mehr sehen