Grundlagen von Laravel 5 (4) – Einführung in Blade

Wir können denselben Inhalt auf mehreren Seiten einbinden, z. B. Dateikopfzeilen, verlinktes CSS oder JS usw. Wir können Layoutdateien verwenden, um diese Funktion zu erfüllen.

Lassen Sie uns eine neue Layoutdatei erstellen, zum Beispiel views/layout.blade.php

<code>


    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">


    <div class="container">
        @yield('content')
    </div>

</code>

Wir haben eine unverständliche Struktur erstellt und Bootstrap eingeführt. Beachten Sie, dass @yield der Layout-Platzhalter von Blade ist. Unser Seiteninhalt wird hier in Zukunft ausgefüllt about.blade.php

Der obige Code bedeutet, dass wir die Layoutdatei

<code>@extends('layout')

@section('content')
    
<h1 id="About-first-last">About {{ $first }} {{ $last }}</h1>

@stop</code>

verwenden und dann Inhalt im Abschnitt

hinzufügen. layout.blade.php contentIn

hinzufügen:

routes.php

In

<code>Route::get('about', 'PagesController@about');
Route::get('contact', 'PagesController@contact');</code>

hinzufügen:

PagesController.php

Neue Ansicht

<code>    public function contact() {
        return view('pages.contact');
    }</code>

pages/contact.blade.php

Schau es dir an!

<code>@extends('layout')

@section('content')
    <h1 id="Contact-Me">Contact Me!</h1>
@stop</code>

Wir können der Layoutdatei mehrere

hinzufügen, z. B. das Hinzufügen von

in @yield: layout.blade.php @yield('footer')

Wenn sich beispielsweise in

<code>


    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">


    <div class="container">
        @yield('content')
    </div>

    @yield('footer')

</code>

ein Skript befindet, kann es in diesem Absatz platziert werden.

contact.blade.php

Beim Zugriff auf den Kontakt wird ein Dialogfeld angezeigt, aber „Über“ wird weiterhin normal angezeigt

<code>@extends('layout')

@section('content')
    <h1 id="Contact-Me">Contact Me!</h1>
@stop

@section('footer')
    <script>
        alert(&#39;Contact from scritp&#39;)
    </script>
@stop</code>

Verwenden Sie

, um zu urteilen
• @if

kann auch als

<code>@extends('layout')

@section('content')
    @if ($first = 'Zhang')
        <h1 id="Hello-Zhang">Hello, Zhang</h1>
    @else
        <h1 id="Hello-nobody">Hello, nobody</h1>
    @endif
@stop</code>

äquivalent zu

und @unless usw. angesehen werden. if ! @foreach

<code>    public function about()
    {
        $people = [
            'zhang san',
            'li si',
            'wang wu'
        ];
        return view('pages.about', compact('people'));
    }</code>

In einem Fall stammen die Daten möglicherweise aus der Datenbank und die Sammlung ist möglicherweise leer, wie folgt:

<code>@extends('layout')

@section('content')
    <h1 id="Person">Person:</h1>
    <ul>
        @foreach($people as $person)
            <li>{{ $person }}</li>
        @endforeach
    </ul>
@stop</code>

Um diese Situation zu bewältigen, fügen Sie bitte

<code>$people = [];</code>

Handle

hinzu @if

Das ist besser.

<code>@extends('layout')

@section('content')
    @if (count($people))
        <h1 id="Person">Person:</h1>
        <ul>
            @foreach($people as $person)
                <li>{{ $person }}</li>
            @endforeach
        </ul>
    @endif

    <h2 id="Other-info">Other info</h2>
@stop</code>

Das Obige hat die Grundlagen von Laravel 5 (4) vorgestellt – Einführung in Blade, einschließlich verschiedener Aspekte. Ich hoffe, dass es für Freunde hilfreich sein wird, die sich für PHP-Tutorials interessieren.