Detaillierte Erklärung der Verwendung der Blade-Vorlage in Laravel

*文
Freigeben: 2023-03-19 08:40:02
Original
1678 Leute haben es durchsucht

Blade ist eine einfache und leistungsstarke Template-Engine, die von Laravel bereitgestellt wird. Der folgende Artikel führt Sie hauptsächlich in die relevanten Informationen zur Verwendung von Blade-Vorlagen im Laravel-Framework ein, was sehr nützlich ist Für Ihr Studium oder Ihre Arbeit hat es einen gewissen Referenz- und Lernwert. Freunde, die es benötigen, können einen Blick darauf werfen. Ich hoffe, es hilft allen.

Einführung

Blade schränkt Sie nicht wie andere beliebte PHP-Template-Engines bei der Verwendung von nativem PHP-Code in Ansichten ein, sondern kompiliert einfach den Blade-Ansicht in nativen PHP-Code und Zwischenspeicherung. Der Cache ändert sich, wenn sich die Blade-Ansicht ändert, was bedeutet, dass Blade Ihrer Anwendung keine Kompilierungslast hinzufügt. Blade-Ansichtsdateien verwenden das Suffix .blade.php und werden im Allgemeinen im Verzeichnis resources/views gespeichert.

1. Vererbung, Fragment, Platzhalter, Komponente, Slot

1.1 Vererbung

1.1.1 Übergeordnete Vorlage definieren

Laravel/resources/views/base.blade.php
Nach dem Login kopieren

1.1.2 Vererbung untergeordneter Vorlagen

Pfad: Laravel/resources/views/child.blade.php

@extends('base')
Nach dem Login kopieren

1.2 Fragment

1.2.1 Definitionsfragment der übergeordneten Vorlage

@section('part')
// 中间内容即使一个片段
@show
Nach dem Login kopieren

1.2.2 Füllfragment der untergeordneten Vorlage

@section('part')
Nach dem Login kopieren

Fragmentfüllinhalt

@endsection
Nach dem Login kopieren
Nach dem Login kopieren

1.3 Platzhalter

1.3.1 Platzhalter für übergeordnete Vorlage:

@yield('title')
Nach dem Login kopieren

1.3. 2 Untervorlagen-Füllungsplatzhalter

Die erste Füllung (Text):

@section('title' , '填充的文本占位')
Nach dem Login kopieren

Die zweite Füllung (Text oder HTML)

@section('title')
Nach dem Login kopieren

Gefüllte Platzhalter

@endsection
Nach dem Login kopieren
Nach dem Login kopieren

1.4 Komponenten, Steckplätze

1.4.1 Komponenten definieren

Pfad: Laravel/resources /views/component.blade.php

<p class=&#39;component&#39;>
 <!-- $title,$content 变量实际上就是预定义的插槽 -->
 <p class=&#39;title&#39;>{{ $title }}</p>
 <p class=&#39;content&#39;>{{ $content }}</p>
</p>
Nach dem Login kopieren

1.4.2 Verwendung der Komponente

Pfad: Laravel/resources/views/test.blade.php

@component(&#39;component&#39;)
 @slot(&#39;title&#39;)
  组件标题
 @endsolt
 
 @slot(&#39;content&#39;)
  组件内容
 @endslot
@endcomponent
Nach dem Login kopieren

2 Anzeige

2.1 Escaped-Ausgabe

{{ $name }}
Nach dem Login kopieren

2.2 Unescaped-Ausgabe

{!! $name !!}
Nach dem Login kopieren

2.3 Ausgabe im Originalformat

Der erste Typ (geeignet für eine kleine Menge):

@{{ name }}
Nach dem Login kopieren

Der zweite Typ (geeignet für eine große Menge):

@verbatim
{{ name }}
{{ sex }}
{{ age }}
@endverbatim
Nach dem Login kopieren

3. Prozesskontrolle

3.1 für

Hinweis:

  • Keine $loop-Variable

  • Kein @empty

  • hat @ Pause

  • hat @continue

@for ($i = 0; $i < 10; ++$i)
 {{ $i }} <br />
@endfor
Nach dem Login kopieren

3.2 foreach

Hinweis:

  • hat die $loop-Variable

  • ist nicht @empty

  • Es gibt @break

  • Es gibt @continue

@foreach ($data as $k => $v)
 {{ $k }} <br />
@endforeach
Nach dem Login kopieren

3.3 forelse

Hinweis:

  • hat die $loop-Variable

  • Muss @empty haben

  • Habe @break

  • Habe @continue

@foreach ($data as $k => $v)
 {{ $k }} <br />
@empty
Nach dem Login kopieren

Array hat keine Daten

@endforeach
Nach dem Login kopieren

4. Verwenden Sie natives PHP

@php 
echo "使用原生 PHP";
@endphp
Nach dem Login kopieren

5 . Enthält Unteransichten

Beachten Sie, dass

  • enthaltene Unteransichten alle von der übergeordneten Ansicht definierten Variablen referenzieren können .

  • Sie können zusätzliche Daten an die untergeordnete Ansicht übergeben

Definieren Sie die übergeordnete Ansicht parent.blade.php und schließen Sie die untergeordnete Ansicht child.blade ein .php und übergeben Sie zusätzliche Daten

/**
 * 父视图
 * 父视图拥有变量 $name = &#39;chenxuelong&#39;
 */

<p class=&#39;parent&#39;>
 <p class=&#39;username&#39;>{{ $username }}</p>
 <p class=&#39;child&#39;>
  <!-- 包含子视图 -->
  @include(&#39;child&#39; , [
   &#39;other&#39; => &#39;额外数据&#39;
  ])
 </p>
</p>

/**
 * 子视图
 */
 <p class=&#39;username&#39;>{{ $username }}</p>
 <p class=&#39;other&#39;>{{ $other }}</p>
Nach dem Login kopieren

Verwandte Empfehlungen:

Erkunden Sie, wie die Middleware von Laravel implementiert wird

Laravel-optimierte Split-Routing-Datei

Laravel-Schreib-APP-Schnittstelle (API)

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung der Verwendung der Blade-Vorlage in Laravel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!