XOOPS輕鬆架 - 線上書籍

:::

Laravel 5.6 入門講義
================

詳細 Blade 樣板語法請參考：<https://laravel-china.org/docs/laravel/5.6/blade/1375>

### 一、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`並直接顯示。
 
 ```
<pre data-line="9-11">
```php
@guest
    <li class="nav-item">
        <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
    </li>
@else 
    @section('my_menu')
        <li><a class="nav-link" href="/home">{{ __('Home') }}</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
```
```

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

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

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

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

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器