《Laravel框架中Blade模板的用法示例PHP學習：》要點：
本文介紹了Laravel框架中Blade模板的用法示例PHP學習：，希望對您有用。如果有疑問，可以聯系我們。

簡介PHP學習

Blade它不像其他流行的 PHP 模板引擎那樣限制你在視圖中使用原生的 PHP 代碼,事實上它就是把 Blade 視圖編譯成原生的 PHP 代碼并緩存起來.緩存會在 Blade 視圖改變時而改變,這意味著 Blade 并沒有給你的應用添加編譯的負擔.Blade 視圖文件使用 .blade.php 后綴,一般情況下都被存儲在 resources/views 目錄.PHP學習

1. 繼承、片段、占位、組件、插槽
PHP學習

1.1 繼承
PHP學習

1.1.1 定義父模板PHP學習

Laravel/resources/views/base.blade.php

1.1.2 子模板繼承PHP學習

路徑：Laravel/resources/views/child.blade.phpPHP學習

@extends('base')

1.2 片段
PHP學習

1.2.1 父模板定義片段PHP學習

@section('part')
// 中間內容即使一個片段
@show

1.2.2 子模板填充片段PHP學習

@section('part')

片段填充內容
PHP學習

@endsection

1.3 占位
PHP學習

1.3.1 父模板占位：PHP學習

@yield('title')

1.3.2 子模板填充占位PHP學習

第一種填充(文本)：
PHP學習

@section('title' , '填充的文本占位')

第二種填充(文本 or html)
PHP學習

@section('title')

填充的占位
PHP學習

@endsection

1.4 組件、插槽
PHP學習

1.4.1 定義組件PHP學習

路徑：Laravel/resources/views/component.blade.phpPHP學習

<div class='component'>
 <!-- $title,$content 變量實際上就是預定義的插槽 -->
 <div class='title'>{{ $title }}</div>
 <div class='content'>{{ $content }}</div>
</div>

1.4.2 使用組件PHP學習

路徑：Laravel/resources/views/test.blade.phpPHP學習

@component('component')
 @slot('title')
  組件標題
 @endsolt
 
 @slot('content')
  組件內容
 @endslot
@endcomponent

2. 數據顯示
PHP學習

2.1 轉義輸出
PHP學習

{{ $name }}

2.2 未轉義輸出
PHP學習

{!! $name !!}

2.3 原格式輸出
PHP學習

第一種(適合量不多)：
PHP學習

@{{ name }}

第二種(適合量多)：
PHP學習

@verbatim
{{ name }}
{{ sex }}
{{ age }}
@endverbatim

3. 流程控制
PHP學習

3.1 for
PHP學習

注意：PHP學習

• 沒有 $loop 變量
• 沒有 @empty
• 有 @break
• 有 @continue

@for ($i = 0; $i < 10; ++$i)
 {{ $i }} <br />
@endfor

3.2 foreach
PHP學習

注意：PHP學習

• 有 $loop 變量
• 沒有 @empty
• 有 @break
• 有 @continue

@foreach ($data as $k => $v)
 {{ $k }} <br />
@endforeach

3.3 forelse
PHP學習

注意：PHP學習

• 有 $loop 變量
• 必須有 @empty
• 有 @break
• 有 @continue

@foreach ($data as $k => $v)
 {{ $k }} <br />
@empty

??? 數組沒有數據
PHP學習

@endforeach

4. 使用原生 PHP
PHP學習

@php 
echo "使用原生 PHP";
@endphp

5. 包含子視圖
PHP學習

注意PHP學習

• 被包含的子視圖可以引用父視圖定義的所有變量.
• 你可以傳遞額外的數據到子視圖

定義父視圖 parent.blade.php,并包含子視圖 child.blade.php,且傳入額外數據PHP學習

/**
 * 父視圖
 * 父視圖擁有變量 $name = 'chenxuelong'
 */
<div class='parent'>
 <div class='username'>{{ $username }}</div>
 <div class='child'>
  <!-- 包含子視圖 -->
  @include('child' , [
   'other' => '額外數據'
  ])
 </div>
</div>
/**
 * 子視圖
 */
 <div class='username'>{{ $username }}</div>
 <div class='other'>{{ $other }}</div>

總結PHP學習

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持.
PHP學習

轉載請注明本頁網址：
http://www.snjht.com/jiaocheng/204.html