您好,登錄后才能下訂單哦!
Blade模板引擎怎么在Laravel中使用?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。
Blade 模板引擎
Blade 是 laravel 提供的一個(gè)簡(jiǎn)單強(qiáng)大的模板引擎,它是把 Blade 視圖編譯成原生的 PHP 代碼并緩存起來(lái)。緩存會(huì)在 Blade 視圖改變時(shí)而改變,這意味著 Blade 并沒(méi)有給你的應(yīng)用添加編譯的負(fù)擔(dān)。Blade 視圖文件使用 .blade.php 后綴,一般都存儲(chǔ)在 resources/views 目錄下。
模板繼承
先來(lái)看個(gè)例子
<!-- 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 指令就如它的名字所暗示的那樣定義了一個(gè)內(nèi)容區(qū)塊,而 @yield 指令是用來(lái)顯示所提供的掛件區(qū)塊所包含的內(nèi)容。我們已經(jīng)定義好了一個(gè)基本的布局,接下來(lái)我們可以使用 Blade 的 @extends 指令來(lái)明確的指定繼承這個(gè)布局。然后使用 @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 指令來(lái)追加布局中的 sidebar 部分的內(nèi)容,如果不使用則會(huì)覆蓋掉布局中的這部分。@parent 指令會(huì)在視圖被渲染時(shí)替換為布局中的內(nèi)容。
Blade 視圖可以像原生 PHP 視圖一樣使用全局幫助函數(shù) view 來(lái)返回渲染后的內(nèi)容:
Route::get('blade', function () { return view('child'); });
顯示數(shù)據(jù)
你可以使用花括號(hào) { 來(lái)在視圖中顯示傳遞到視圖中的變量,例如,你定義了下面的路由:
Route::get('greeting', function () { return view('welcome', ['name' => 'Duicode']); })
你可以在視圖中這樣來(lái)輸出 name 變量的內(nèi)容:
Hello, {{ $name }}
當(dāng)然,你也可以從原生 PHP 方法中返回內(nèi)容。事實(shí)上,你可以在 Blade echo 聲明中使用任意的 PHP 代碼:(Blade {{}} 聲明中的內(nèi)容是自動(dòng)通過(guò) htmlentities 方法過(guò)濾的,用來(lái)防止 XSS 攻擊。)
The current UNIX timestamp is {{ time() }}
由于很多 JavaScript 框架都使用花括號(hào)來(lái)表明所提供的表達(dá)式應(yīng)該被顯示在瀏覽器中。所以你可以使用 @ 符號(hào)來(lái)告訴 Blade 渲染引擎你需要這個(gè)表達(dá)式原樣保留:
Hello, @{{ name }}
我們常用三目運(yùn)算符來(lái)賦值
{{ isset($name) ? $name : 'Default' }}
Blade 提供了一個(gè)便捷的方式來(lái)替換這個(gè)三元聲明:
{{ $name or 'Default' }}
默認(rèn)Blade {{}} 聲明會(huì)自動(dòng)的使用 htmlentities 方法來(lái)避免 XSS 攻擊。如果你不想你的數(shù)據(jù)被轉(zhuǎn)義,你可以使用下面的語(yǔ)法,但是要注意,小心被攻擊:
Hello, {!! $name !!}
控制結(jié)構(gòu)
你可以通過(guò) @if,@elseif,@else和 @endif 指令來(lái)使用 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 指令來(lái)判斷提供給布局的掛件是否包含了內(nèi)容:
<title> @hasSection('title') @yield('title') - App Name @else App Name @endif </title>
說(shuō)到控制少不了循環(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
你也可以使用指令聲明包含條件的方式來(lái)達(dá)到中斷:
@foreach ($users as $user) @continue($user->type == 1) <li>{{ $user->name }}</li> @break($user->number == 5) @endforeach
包含子視圖
可以使用 @include 指令來(lái)包含一個(gè)視圖的內(nèi)容,當(dāng)前視圖中的變量也會(huì)被共享給子視圖:
<div> @include('shared.errors') <form> <!-- Form Contents --> </form> </div>
盡管子視圖會(huì)自動(dòng)繼承父視圖中的所有數(shù)據(jù)變量,你也可以直接傳遞一個(gè)數(shù)組變量來(lái)添加額外的變量到子視圖(在 Blade 視圖中避免使用 __DIR__ 和 __FILE__ 常量,因?yàn)樗鼈儠?huì)解析為視圖緩存所在的位置):
@include('view.name', ['some' => 'data'])
你可以使用 Blade 的 @each 指令來(lái)在一行中合并引入多個(gè)視圖:
@each('view.name', $jobs, 'job')
第一個(gè)參數(shù)是數(shù)組或集合中每個(gè)元素需要被渲染的視圖名稱。
第二個(gè)參數(shù)是一個(gè)數(shù)組或集合,被用來(lái)提供迭代。
第三個(gè)參數(shù)是要分配給當(dāng)前視圖的變量名。
你也可以傳遞第四個(gè)參數(shù)到 @each 指令。如果所提供的數(shù)組是空數(shù)組的話,該參數(shù)所提供的視圖將會(huì)被引入。
@each('view.name', $jobs, 'job', 'view.empty')
Blade 中的注釋,這樣寫(xiě)不會(huì)被渲染:
{{-- This comment will not be present in the rendered HTML --}}
Blade 允許你在已命名的堆中壓入內(nèi)容:
@push('scripts') <script src="/example.js"></script> @endpush
你可以在你需要的時(shí)候壓入相同的堆任意的次數(shù),你需要在布局中使用 @stack 來(lái)渲染堆:
<head> <!-- Head Contents --> @stack('scripts') </head>
可以使用 @inject 指令來(lái)從服務(wù)容器中取回服務(wù):
@inject('metrics', 'App\Services\MetricsService') <div> Monthly Revenue: {{ $metrice->monthlyRevenue() }} </div>
第一個(gè)參數(shù)將作為所取回服務(wù)存放的變量名,
第二個(gè)參數(shù)是你想要在服務(wù)容器中取回的類或接口名稱。
可以使用 directvie 方法來(lái)注冊(cè)指令。當(dāng) Blade 編譯器遇到該指令時(shí),它會(huì)自動(dòng)的調(diào)用該指令注冊(cè)時(shí)提供的回調(diào)函數(shù)并傳遞它的參數(shù)。
下面的例子創(chuàng)建了 @datetime($val) 指令來(lái)格式化 $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 幫助方法,它只是簡(jiǎn)單的返回一個(gè)所提供的對(duì)象或值,并提供方便的鏈?zhǔn)秸{(diào)用。最終該指令生成的 PHP 代碼如下:
<?php echo with($var)->format('m/d/Y H:i'); ?>
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝您對(duì)億速云的支持。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。