XOOPS輕鬆架 - 線上書籍

:::

Laravel 5.8 入門講義 
=================

詳細 Blade 樣板語法請參考：<https://learnku.com/docs/laravel/5.8/blade/3902>

### 一、Blade 樣板的輸出

<table border="1" cellpadding="0" cellspacing="0" class="table table-bordered table-hover table-condensed" style="border-collapse: collapse; width: 100%;"> <tbody> <tr class="info"> <td>Blade語法</td> <td>說明或用法</td> <td>控制器對應</td> </tr> <tr> <td>{{-- 註解 --}}</td> <td>就是註解</td> <td> </td> </tr> <tr> <td>{!!$content!!}}</td> <td>輸出$content內容（不會過濾）</td> <td>return view('welcome', \['content' => $content\]);</td> </tr> <tr> <td>{{$content}}</td> <td>經過htmlentities過濾的內容（`<`會變成`<`）</td> <td>return view('welcome', \['content' => $content\]);</td> </tr> </tbody> </table>

### 二、Blade 樣板的邏輯控制

@elseif(條件)

@else

@endif

</td> <td>if 判斷</td> </tr> <tr> <td>@unless(條件)

@endunless

</td> <td>當條件為false時才成立</td> </tr> <tr> <td>@for(起始值;條件;變化量)

@endfor

</td> <td>for迴圈</td> </tr> <tr> <td>@while(條件)

@endwhile

</td> <td>while迴圈</td> </tr> <tr> <td>@foreach(陣列 as 鍵值)

@endforeach

</td> <td>foreach迴圈，可用 $loop->first以及$loop->last變數</td> </tr> <tr> <td>@forelse(陣列 as 鍵值)

@empty

@endforelse

</td> <td>效果同foreach迴圈，只是會檢查陣列是否為空，若為空會執行@empty以下的內容</td> </tr> </tbody> </table>

### 三、Blade 樣板佈局控制語法

#### @extends('樣板名稱')

<div class="alert alert-info">將指定的樣板中的區塊及內容繼承過來</div>#### @include('樣板名稱')

<div class="alert alert-info">引入樣板</div>#### @yield('名稱', '預設值')

<div class="alert alert-info">定義一個區塊，預設值非必須。若是沒預設值，則使用以下方式來定義其值</div>#### @section('名稱', '值')

<div class="alert alert-info">使用名稱來定義一個區塊內容，亦可顯示或繼承內容</div>#### @section('名稱') + @endsection 或 @stop

標記區塊的結束，通常作為`@section`的結束標籤，例如：這樣只是定義content的內容，並不會直接呈現，需利用`@yield('content')`才能顯示。

```php
@section('content')
    <h1>商品一覽</h1>
@endsection

```

#### @section('名稱') + @show

1. 標記區塊的結束並顯示，例如：這樣就會直接顯示。
2. 修改`專案\resources\views\layouts\nav.blade.php`，在`@else`下方多一個 `@section('my_menu')`，也就是自定義一個樣板變數`my_menu`並直接顯示。 
    ```php
    @guest
        <li class="nav-item">
            <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
        </li>
        @if (Route::has('register'))
            <li class="nav-item">
                <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
            </li>
        @endif
    @else
        @section('my_menu')
            <li class="nav-item">
                <a class="nav-link" href="/">回首頁</a>
            </li>
        @show
        <li class="nav-item dropdown">
            <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                {{ Auth::user()->name }} <span class="caret"></span>
            </a>
    
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="{{ route('logout') }}"
                    onclick="event.preventDefault();
                                    document.getElementById('logout-form').submit();">
                    {{ __('Logout') }}
                </a>
    
                <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                    @csrf
                </form>
            </div>
        </li>
    @endguest
    ```
3. 看起來會像這樣：  
     ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/43/pic120.png)
 
####  @section('名稱') + @parent

1. 會將此定義的內容附加進去
2. 修改`專案\resources\views\welcome.blade.php`，在最後加上： 
    ```php
    @extends('layouts.app')
    @section('content')
        <h1>商品一覽</h1>
    @endsection
    
    @section('my_menu')
        <li class="nav-item">
            <a class="nav-link" href="/home">回控制台</a>
        </li>
        @parent
    @stop
    ```
3. 如此，只要到首頁，就會多出一個「回控制台」的連結  
     ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/43/pic121.png)
4. 若將`@parent`刪除，則會以「回控制台」取代原有選項，如：  
     ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/43/pic122.png)
 
[![到GitHub觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/myshop/commit/e05a8471d45ed4c71ec72399f797a13178a718f0)

:::

書籍目錄

展開 | 闔起

快速登入

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1394

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器