Ausführliche Erklärung der Verwendung von Blade-Vorlagen in Laravel

黄舟
Freigeben: 2023-03-15 21:04:01
Original
2013 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.

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 Fragment zum Füllen von Untervorlagen


@section('part')
Nach dem Login kopieren

Inhalt zum Füllen von Fragmenten


@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 Platzhalter für Untervorlagenfüllung

Die erste Füllung (Text):


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

Die zweite Art der Füllung (Text oder HTML)


@section('title')
Nach dem Login kopieren

Gefüllter Platzhalter


@endsection
Nach dem Login kopieren
Nach dem Login kopieren

1.4 Komponenten, Slots

1.4.1 Komponenten definieren

Pfad: Laravel/resources/views/component.blade


<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 Komponente verwenden

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. Datenanzeige

2.1 Escape-Ausgabe


{{ $name }}
Nach dem Login kopieren

2.2 Ausgabe ohne Escapezeichen


{!! $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:

  • Es gibt keine $loop-Variable

  • Kein @empty

  • Es gibt @break

  • Es gibt @continue


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

3.2 foreach

Hinweis:

  • Da ist eine $-Schleifenvariable

  • Kein @empty

  • Es gibt @break

  • Es gibt @ weiter


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

3.3 forelse

Hinweis:

  • hat $loop-Variable

  • muss @empty haben

  • hat @break

  • Es gibt @continue


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

Das Array hat keine Daten


@endforeach
Nach dem Login kopieren

4. Verwenden Sie natives PHP


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

5. Unteransichten enthalten

Hinweis

  • Die enthaltene Unteransicht kann auf alle von der übergeordneten Ansicht definierten Variablen verweisen.

  • 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

Zusammenfassung

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung der Verwendung von Blade-Vorlagen 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!