搜尋

首頁 >後端開發 >php教程 >Laravel關於Blade模板引擎的詳解

Laravel關於Blade模板引擎的詳解

黄舟
黄舟原創
2017-10-11 09:06:053406瀏覽

laravel的模版引擎採用了blade模版引擎，以下這篇文章主要給大家介紹了關於Laravel中Blade模板引擎的相關資料，文中透過範例程式碼介紹的非常詳細，對大家的學習或工作有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。

前言

本文主要介紹給大家介紹了Laravel中Blade模板引擎的相關內容，分享出來供大家參考學習，話不多說了，來一起看看詳細的介紹吧。

Blade 模板引擎

#Blade 是laravel 提供的一個簡單強大的模板引擎，它是把Blade 視圖編譯成原生的PHP 程式碼並且快取起來。快取會在 Blade 視圖改變時而改變，這意味著 Blade 並沒有為你的應用程式添加編譯的負擔。 Blade 視圖檔案使用 .blade.php 後綴，一般都儲存在 resources/views 目錄下。

範本繼承

先來看個範例


<!-- Stored in resources/views/layouts/master.blade.php-->
<html>
 <head>
 <title>App Name - @yield(&#39;title&#39;)</title>
 </head>
 <body>
 @section(&#39;sidebar&#39;)
  This is the master sidebar.
 @show
 
 <p class="container">
  @yield(&#39;content&#39;)
 </p>
 </body>
</html>

Blade 模板檔案包含了典型的HTML 標記。你肯定看到了 @section 和 @yield 指令。 @section 指令就如它的名字所暗示的那樣定義了一個內容區塊，而 @yield 指令是用來顯示所提供的掛件區塊所包含的內容。我們已經定義好了一個基本的佈局，接下來我們可以使用 Blade 的 @extends 指令來明確的指定繼承這個佈局。然後使用@section 指令將掛件中的內容掛載到佈局中，在上面的例子中，掛件的內容將被掛載到佈局中的@yield 部分：


<!-- Stored in resoures/views/child.blade.php -->
@extends(&#39;layouts.master&#39;)
 
@section(&#39;title&#39;, &#39;Page Title&#39;)
 
@section(&#39;sidebar&#39;)
 @parent
 
 <p>This is appended to the master sidebar.</p>
@endsection
 
@section(&#39;content&#39;)
 <p>This is my body content.</p>
@endsection

在上面的例子作用sidebar 掛件利用@parent 指令來追加佈局中的sidebar 部分的內容，如果不使用則會覆蓋掉佈局中的這部分。 @parent 指令會在視圖被渲染時替換為佈局中的內容。

Blade 視圖可以像原生PHP 視圖一樣使用全域幫助函數view 來傳回渲染後的內容：


Route::get(&#39;blade&#39;, function () {
 return view(&#39;child&#39;);
});

顯示資料

你可以使用花括號{ 來在視圖中顯示傳遞到視圖中的變量，例如，你定義了下面的路由：


Route::get(&#39;greeting&#39;, function () {
 return view(&#39;welcome&#39;, [&#39;name&#39; => &#39;Duicode&#39;]);
})

你可以在檢視中這樣來輸出name 變數的內容：


Hello, {{ $name }}

當然，你也可以從原生PHP 方法中返回內容。事實上，你可以在Blade echo 宣告中使用任意的PHP 程式碼：(Blade {{}} 宣告中的內容是自動透過htmlentities 方法過濾的，用來防止XSS 攻擊。)


#
The current UNIX timestamp is {{ time() }}

由於許多JavaScript 框架都使用花括號來表示所提供的表達式應該被顯示在瀏覽器中。所以你可以使用@ 符號來告訴Blade 渲染引擎你需要這個表達式原樣保留：


#
Hello, @{{ name }}

我們常用三目運算子來賦值


#
{{ isset($name) ? $name : &#39;Default&#39; }}

Blade 提供了一個方便的方式來取代這個三元宣告：


{{ $name or &#39;Default&#39; }}

預設Blade {{}} 宣告會自動的使用htmlentities 方法來避免XSS 攻擊。如果你不想你的資料被轉義，你可以使用下面的語法，但是要注意，小心被攻擊：


#
Hello, {!! $name !!}

控制結構

你可以透過@if,@elseif,@else和@endif 指令來使用if 控制結構:


@if (count($records) === 1)
 I have one record!
@elseif (count($records) > 1)
 I have multiple records!
@else
 I don&#39;t have any records!
@endif

當然為了方便，Blade 也提供了替代指令@unless 指令：


@unless (Auth::check())
 You are not signed in.
@endunless

也可以使用@hasSection 指令來判斷提供給版面的掛件是否包含了內容:


<title>
 @hasSection(&#39;title&#39;)
 @yield(&#39;title&#39;) - App Name
 @else
 App Name
 @endif
</title>

說到控制少不了循環結構，類似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&#39;m looping forever.</p>
@endwhile

Blade 也提供了終止迭代或取消目前迭代的指令：


@foreach ($users as $user)
 @if($user->type == 1)
 @continue
 @endif
 
 <li>{{ $user->name }}</li>
 
 @if($user->number == 5)
 @break
 @endif
@endforeach

你也可以使用指令宣告包含條件的方式來達到中斷:


@foreach ($users as $user)
 @continue($user->type == 1)
 
 <li>{{ $user->name }}</li>
 
 @break($user->number == 5)
@endforeach

包含子視圖

#可以使用@include 指令來包含一個視圖的內容，目前視圖中的變數也會被分享給子視圖：


<p>
 @include(&#39;shared.errors&#39;)
 
 <form>
 <!-- Form Contents -->
 </form>
</p>

儘管子視圖會自動繼承父視圖中的所有資料變量，你也可以直接傳遞一個數組變數來添加額外的變數到子視圖(在Blade 視圖中避免使用__DIR__ 和__FILE__ 常數，因為它們會解析為視圖快取所在的位置)：


@include(&#39;view.name&#39;, [&#39;some&#39; => &#39;data&#39;])

你可以使用Blade 的@ each 指令來在一行中合併引入多個視圖:


@each(&#39;view.name&#39;, $jobs, &#39;job&#39;)

第一個參數是數組或集合中每個元素需要被渲染的視圖名稱。


第二個參數是一個陣列或集合，被用來提供迭代。


第三个参数是要分配给当前视图的变量名。

你也可以传递第四个参数到 @each 指令。如果所提供的数组是空数组的话，该参数所提供的视图将会被引入。


@each(&#39;view.name&#39;, $jobs, &#39;job&#39;, &#39;view.empty&#39;)

Blade 中的注释，这样写不会被渲染：


{{-- This comment will not be present in the rendered HTML --}}

Blade 允许你在已命名的堆中压入内容：


@push(&#39;scripts&#39;)
 <script src="/example.js"></script>
@endpush

你可以在你需要的时候压入相同的堆任意的次数,你需要在布局中使用 @stack 来渲染堆:


<head>
 <!-- Head Contents -->
 @stack(&#39;scripts&#39;)
</head>

可以使用 @inject 指令来从服务容器中取回服务：


@inject(&#39;metrics&#39;, &#39;App\Services\MetricsService&#39;)
<p>
 Monthly Revenue: {{ $metrice->monthlyRevenue() }}
</p>

第一个参数将作为所取回服务存放的变量名，

第二个参数是你想要在服务容器中取回的类或接口名称。

可以使用 directvie 方法来注册指令。当 Blade 编译器遇到该指令时，它会自动的调用该指令注册时提供的回调函数并传递它的参数。

下面的例子创建了 @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(&#39;datetime&#39;, function ($expression) {
  return "<?php echo with{$express}->format(&#39;m/d/Y H:i&#39;); ?>";
  });
 }
 
 /**
 * Register bindings in the container
 *
 * @return void
 */
 public function register() {
  //
 }
}

上面的例子中使用了 Laravel 的 with 帮助方法，它只是简单的返回一个所提供的对象或值，并提供方便的链式调用。最终该指令生成的 PHP 代码如下：


<?php echo with($var)->format(&#39;m/d/Y H:i&#39;); ?>

在你更新 Blade 指令的逻辑之后，你应该删除所有已缓存的 Blade 视图，你可以使用 view:clear Artisan 命令来清除。

总结

以上是Laravel關於Blade模板引擎的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：php查錯的詳細介紹下一篇：php查錯的詳細介紹

相關文章

看更多