Laravel 5 基础（四）- Blade 简介

在多个页面中我们可能包含相同的内容，像是文件头，链接的css或者js等。我们可以利用布局文件完成这个功能。

让我们新建一个布局文件，例如 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>

我们创建了不解的结构，引入了bootstrap，注意 @yield 是blade的布局占位符，未来我们的页面内容将填充到这里，修改 about.blade.php

<code>@extends('layout')

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

@stop</code>

上面的代码表示我们使用布局文件 layout.blade.php， 然后在 content 段中添加内容。

在 routes.php 中添加：

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

在 PagesController.php 中添加：

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

新建视图 pages/contact.blade.php

<code>@extends('layout')

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

Check it out!

在布局文件中我们可以添加多个 @yield , 比如在 layout.blade.php 中添加 @yield('footer') ：

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

比如 contact.blade.php 中有一段脚本，就可以放在这个段中。

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

访问contact会有对话框，而about仍然是普通显示

• 使用 @if 进行判断

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

也可以视同 @unless 等同于 if !， 还有 @foreach 等。

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

<code>@extends('layout')

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

有一种情况，数据可能来自数据库，集合可能是空，像是这样：

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

处理这种情况，请添加 @if 处理

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

That's better.

以上就介绍了Laravel 5 基础（四）- Blade 简介，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。