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

Laravel關於Blade模板引擎的詳解

Oct 11, 2017 am 09:06 AM
bladelaravel引擎

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會話中存儲的數據?Apr 27, 2025 am 12:23 AM

tomodifyDataNaphPsession,startTheSessionWithSession_start(),然後使用$ _sessionToset,修改,orremovevariables.1)startThesession.2)setthesession.2)使用$ _session.3)setormodifysessessvariables.3)emovervariableswithunset()

舉一個在PHP會話中存儲數組的示例。舉一個在PHP會話中存儲數組的示例。Apr 27, 2025 am 12:20 AM

在PHP會話中可以存儲數組。 1.啟動會話,使用session_start()。 2.創建數組並存儲在$_SESSION中。 3.通過$_SESSION檢索數組。 4.優化會話數據以提升性能。

垃圾收集如何用於PHP會議?垃圾收集如何用於PHP會議?Apr 27, 2025 am 12:19 AM

PHP會話垃圾回收通過概率機制觸發,清理過期會話數據。 1)配置文件中設置觸發概率和會話生命週期;2)可使用cron任務優化高負載應用;3)需平衡垃圾回收頻率與性能,避免數據丟失。

如何在PHP中跟踪會話活動?如何在PHP中跟踪會話活動?Apr 27, 2025 am 12:10 AM

PHP中追踪用戶會話活動通過會話管理實現。 1)使用session_start()啟動會話。 2)通過$_SESSION數組存儲和訪問數據。 3)調用session_destroy()結束會話。會話追踪用於用戶行為分析、安全監控和性能優化。

如何使用數據庫存儲PHP會話數據?如何使用數據庫存儲PHP會話數據?Apr 27, 2025 am 12:02 AM

利用數據庫存儲PHP會話數據可以提高性能和可擴展性。 1)配置MySQL存儲會話數據:在php.ini或PHP代碼中設置會話處理器。 2)實現自定義會話處理器:定義open、close、read、write等函數與數據庫交互。 3)優化和最佳實踐:使用索引、緩存、數據壓縮和分佈式存儲來提升性能。

簡單地說明PHP會話的概念。簡單地說明PHP會話的概念。Apr 26, 2025 am 12:09 AM

phpsessionstrackuserdataacrossmultiplepagerequestsusingauniqueIdStoredInAcookie.here'showtomanageThemeffectionaly:1)startAsessionWithSessionWwithSession_start()和stordoredAtain $ _session.2)

您如何循環中存儲在PHP會話中的所有值?您如何循環中存儲在PHP會話中的所有值?Apr 26, 2025 am 12:06 AM

在PHP中,遍歷會話數據可以通過以下步驟實現:1.使用session_start()啟動會話。 2.通過foreach循環遍歷$_SESSION數組中的所有鍵值對。 3.處理複雜數據結構時,使用is_array()或is_object()函數,並用print_r()輸出詳細信息。 4.優化遍歷時,可採用分頁處理,避免一次性處理大量數據。這將幫助你在實際項目中更有效地管理和使用PHP會話數據。

說明如何使用會話進行用戶身份驗證。說明如何使用會話進行用戶身份驗證。Apr 26, 2025 am 12:04 AM

會話通過服務器端的狀態管理機制實現用戶認證。 1)會話創建並生成唯一ID,2)ID通過cookies傳遞,3)服務器存儲並通過ID訪問會話數據,4)實現用戶認證和狀態管理,提升應用安全性和用戶體驗。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境