:::
4-3 修改首頁畫面
4-4 Blade 樣板語法
詳細 Blade 樣板語法請參考：https://laravel-china.org/docs/laravel/5.6/blade/1375
一、Blade 樣板的輸出
| Blade語法 | 說明或用法 | 控制器對應 |
| {{-- 註解 --}} | 就是註解 | |
| {!!$content!!}} | 輸出$content內容（不會過濾） | return view('welcome', ['content' => $content]); |
| {{$content}} | 經過htmlentities過濾的內容（<會變成<） |
return view('welcome', ['content' => $content]); |
二、Blade 樣板的邏輯控制
| Blade語法 | 說明或用法 |
|
@if(條件) @elseif(條件) @else @endif |
if 判斷 |
|
@unless(條件) @endunless |
當條件為false時才成立 |
|
@for(起始值;條件;變化量) @endfor |
for迴圈 |
|
@while(條件) @endwhile |
while迴圈 |
|
@foreach(陣列 as 鍵值) @endforeach |
foreach迴圈，可用 $loop->first以及$loop->last變數 |
|
@forelse(陣列 as 鍵值) @empty @endforelse |
效果同foreach迴圈，只是會檢查陣列是否為空，若為空會執行@empty以下的內容 |
三、Blade 樣板佈局控制語法
@extends('樣板名稱')
將指定的樣板中的區塊及內容繼承過來
@include('樣板名稱')
引入樣板
@yield('名稱', '預設值')
定義一個區塊，預設值非必須。若是沒預設值，則使用以下方式來定義其值
@section('名稱', '值')
使用名稱來定義一個區塊內容，亦可顯示或繼承內容
@section('名稱') + @endsection 或 @stop
標記區塊的結束，通常作為@section的結束標籤，例如：這樣只是定義content的內容，並不會直接呈現，需利用@yield('content')才能顯示。
@section('content')
<h1>隨機題庫系統</h1>
@endsection
@section('名稱') + @show
- 標記區塊的結束並顯示，例如：這樣就會直接顯示。
- 修改
專案\resources\views\layouts\nav.blade.php，在@else下方多一個@section('my_menu')，也就是自定義一個樣板變數my_menu並直接顯示。
@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
- 會將此定義的內容附加進去
- 修改
專案\resources\views\welcome.blade.php，在最後加上：@section('my_menu') <li><a class="nav-link" href="/home">我的選項</a></li> @parent @stop - 如此，只要到首頁，就會多出一個「我的選項」的連結
- 若將
@parent刪除，則會以「我的選項」取代原有選項
