前言
本文主要給大家介紹了關(guān)于Laravel中Blade模板引擎的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，話不多說了，來一起看看詳細(xì)的介紹吧。
Blade 模板引擎
Blade 是 laravel 提供的一個簡單強(qiáng)大的模板引擎，它是把 Blade 視圖編譯成原生的 PHP 代碼并緩存起來。緩存會在 Blade 視圖改變時而改變，這意味著 Blade 并沒有給你的應(yīng)用添加編譯的負(fù)擔(dān)。Blade 視圖文件使用 .blade.php 后綴，一般都存儲在 resources/views 目錄下。
模板繼承
先來看個例子
!-- Stored in resources/views/layouts/master.blade.php-->
html>
head>
title>App Name - @yield('title')/title>
/head>
body>
@section('sidebar')
This is the master sidebar.
@show
div class="container">
@yield('content')
/div>
/body>
/html>
Blade 模板文件包含了典型的 HTML 標(biāo)記。你肯定看到了 @section 和 @yield 指令。@section 指令就如它的名字所暗示的那樣定義了一個內(nèi)容區(qū)塊，而 @yield 指令是用來顯示所提供的掛件區(qū)塊所包含的內(nèi)容。我們已經(jīng)定義好了一個基本的布局，接下來我們可以使用 Blade 的 @extends 指令來明確的指定繼承這個布局。然后使用 @section 指令將掛件中的內(nèi)容掛載到布局中，在上面的例子中，掛件的內(nèi)容將被掛載到布局中的 @yield 部分：
!-- Stored in resoures/views/child.blade.php -->
@extends('layouts.master')
@section('title', 'Page Title')
@section('sidebar')
@parent
p>This is appended to the master sidebar./p>
@endsection
@section('content')
p>This is my body content./p>
@endsection
在上面的例子作用 sidebar 掛件利用 @parent 指令來追加布局中的 sidebar 部分的內(nèi)容，如果不使用則會覆蓋掉布局中的這部分。@parent 指令會在視圖被渲染時替換為布局中的內(nèi)容。
Blade 視圖可以像原生 PHP 視圖一樣使用全局幫助函數(shù) view 來返回渲染后的內(nèi)容：
Route::get('blade', function () {
return view('child');
});
顯示數(shù)據(jù)
你可以使用花括號 { 來在視圖中顯示傳遞到視圖中的變量，例如，你定義了下面的路由：
Route::get('greeting', function () {
return view('welcome', ['name' => 'Duicode']);
})
你可以在視圖中這樣來輸出 name 變量的內(nèi)容：
當(dāng)然，你也可以從原生 PHP 方法中返回內(nèi)容。事實上，你可以在 Blade echo 聲明中使用任意的 PHP 代碼：(Blade {{}} 聲明中的內(nèi)容是自動通過 htmlentities 方法過濾的，用來防止 XSS 攻擊。)
The current UNIX timestamp is {{ time() }}
由于很多 JavaScript 框架都使用花括號來表明所提供的表達(dá)式應(yīng)該被顯示在瀏覽器中。所以你可以使用 @ 符號來告訴 Blade 渲染引擎你需要這個表達(dá)式原樣保留：
我們常用三目運(yùn)算符來賦值
{{ isset($name) ? $name : 'Default' }}
Blade 提供了一個便捷的方式來替換這個三元聲明：
默認(rèn)Blade {{}} 聲明會自動的使用 htmlentities 方法來避免 XSS 攻擊。如果你不想你的數(shù)據(jù)被轉(zhuǎn)義，你可以使用下面的語法，但是要注意，小心被攻擊：
控制結(jié)構(gòu)
你可以通過 @if,@elseif,@else和 @endif 指令來使用 if 控制結(jié)構(gòu) :
@if (count($records) === 1)
I have one record!
@elseif (count($records) > 1)
I have multiple records!
@else
I don't have any records!
@endif
當(dāng)然為了方便，Blade 也提供了替代指令 @unless 指令：
@unless (Auth::check())
You are not signed in.
@endunless
也可以使用 @hasSection 指令來判斷提供給布局的掛件是否包含了內(nèi)容:
title>
@hasSection('title')
@yield('title') - App Name
@else
App Name
@endif
/title>
說到控制少不了循環(huán)結(jié)構(gòu)，類似PHP的：
@for ($i = 0; $i 10; $i++)
The current value is {{ $i }}
@endfor
@foreach ($users as $user)
p>This is user {{ $user->id }}/p>
@endforeach
@forelse ($users as $user)
li>{{ $user->name }}/li>
@empty
p>No users/p>
@endforelse
@while (true)
p>I'm looping forever./p>
@endwhile
Blade 也提供了終止迭代或取消當(dāng)前迭代的指令：
@foreach ($users as $user)
@if($user->type == 1)
@continue
@endif
li>{{ $user->name }}/li>
@if($user->number == 5)
@break
@endif
@endforeach
你也可以使用指令聲明包含條件的方式來達(dá)到中斷:
@foreach ($users as $user)
@continue($user->type == 1)
li>{{ $user->name }}/li>
@break($user->number == 5)
@endforeach
包含子視圖
可以使用 @include 指令來包含一個視圖的內(nèi)容，當(dāng)前視圖中的變量也會被共享給子視圖：
div>
@include('shared.errors')
form>
!-- Form Contents -->
/form>
/div>
盡管子視圖會自動繼承父視圖中的所有數(shù)據(jù)變量，你也可以直接傳遞一個數(shù)組變量來添加額外的變量到子視圖(在 Blade 視圖中避免使用 __DIR__ 和 __FILE__ 常量，因為它們會解析為視圖緩存所在的位置)：
@include('view.name', ['some' => 'data'])
你可以使用 Blade 的 @each 指令來在一行中合并引入多個視圖:
@each('view.name', $jobs, 'job')
第一個參數(shù)是數(shù)組或集合中每個元素需要被渲染的視圖名稱。
第二個參數(shù)是一個數(shù)組或集合，被用來提供迭代。
第三個參數(shù)是要分配給當(dāng)前視圖的變量名。
你也可以傳遞第四個參數(shù)到 @each 指令。如果所提供的數(shù)組是空數(shù)組的話，該參數(shù)所提供的視圖將會被引入。
@each('view.name', $jobs, 'job', 'view.empty')
Blade 中的注釋，這樣寫不會被渲染：
{{-- This comment will not be present in the rendered HTML --}}
Blade 允許你在已命名的堆中壓入內(nèi)容：
@push('scripts')
script src="/example.js">/script>
@endpush
你可以在你需要的時候壓入相同的堆任意的次數(shù),你需要在布局中使用 @stack 來渲染堆:
head>
!-- Head Contents -->
@stack('scripts')
/head>
可以使用 @inject 指令來從服務(wù)容器中取回服務(wù)：
@inject('metrics', 'App\Services\MetricsService')
div>
Monthly Revenue: {{ $metrice->monthlyRevenue() }}
/div>
第一個參數(shù)將作為所取回服務(wù)存放的變量名，
第二個參數(shù)是你想要在服務(wù)容器中取回的類或接口名稱。
可以使用 directvie 方法來注冊指令。當(dāng) Blade 編譯器遇到該指令時，它會自動的調(diào)用該指令注冊時提供的回調(diào)函數(shù)并傳遞它的參數(shù)。
下面的例子創(chuàng)建了 @datetime($val) 指令來格式化 $val:
?php
namespace App\Providers;
use Blade;
use Illuminate\Support\ServiceProvider;
class AppServiceProvider extends ServiceProvider{
/**
* Perform post-registration booting of services.
*
* @return void
*/
public function boot(){
Blade::directive('datetime', function ($expression) {
return "?php echo with{$express}->format('m/d/Y H:i'); ?>";
});
}
/**
* Register bindings in the container
*
* @return void
*/
public function register() {
//
}
}
上面的例子中使用了 Laravel 的 with 幫助方法，它只是簡單的返回一個所提供的對象或值，并提供方便的鏈?zhǔn)秸{(diào)用。最終該指令生成的 PHP 代碼如下：
?php echo with($var)->format('m/d/Y H:i'); ?>
在你更新 Blade 指令的邏輯之后，你應(yīng)該刪除所有已緩存的 Blade 視圖，你可以使用 view:clear Artisan 命令來清除。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
您可能感興趣的文章:- 解決Laravel blade模板轉(zhuǎn)義html標(biāo)簽的問題
- Laravel框架之blade模板新手入門教程及小技巧
- 如何通過View::first使用Laravel Blade的動態(tài)模板詳解
- Laravel框架中Blade模板的用法示例
- Laravel模板引擎Blade中section的一些標(biāo)簽的區(qū)別介紹
- 詳解laravel中blade模板帶條件分頁
