您好,登錄后才能下訂單哦!
小編給大家分享一下laravel中Blade模板指的是什么,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
Blade模板是是Laravel提供的模板引擎,它簡單強大,Blade允許在視圖中使用原生PHP代碼,Laravel使用的是編譯后的緩存文件,而不是視圖本身,所以Blade對于應用程序來說是零開銷。
Blade模板是:
Blade 是 Laravel 提供的模板引擎,它簡單強大。不像其他的 PHP 模板引擎,Blade 允許在視圖中使用原生 PHP 代碼。
實際上,所有的 Blade 視圖最終都會被編譯成原生 PHP 代碼,緩存在 storage/framework/views
文件夾中。
Laravel 使用的是這些編譯后的緩存文件,而不是視圖本身,所以,Blade 對于應用程序來說是零開銷的。當你修改了視圖文件,那么它會重新編譯并緩存,以便使用。Blade 視圖以 blade.php
為后綴名,一般存放于 resources/views
文件夾中。
模板繼承:
1、定義布局文件
Blade 模板引擎的主要兩個優點是 “模板繼承” 和 “區塊”。舉一個簡單的例子,一個項目里,幾乎所有的頁面都是一樣的布局,這時候就可以把這個布局提煉出來,作為母版頁,繼承了這個母版頁的的頁面都有一樣的布局效果,成為母版頁的子頁。母版頁還叫布局文件,布局文件就是一個 Blade 視圖:
<!-- Stored in resources/views/layouts/app.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>
布局文件里除了基礎的 HTNL 標簽,還使用了兩個指令:@section 和 @yield 。@section定義區塊,@yield 定義區塊里的內容。
下面。來定義布局文件的子頁。
2、繼承布局文件
子頁中,使用 Blade 的 @extends 指令指定 “繼承” 的布局文件,使用 @section 指令為在布局文件中使用 @section 和 @yield 指令的地方注入內容:
<!-- Stored in resources/views/child.blade.php --> @extends('layouts.app') @section('title','Page Title') @section('sidebar') <p> This is appended to the master sideebar</p> @endsection @section('content') <p>This ismy body content. </p> @endsection
可以看到,在布局文件中使用 @yield 指令的地方,在子頁中仍然使用 @section 注入內容;在布局文件中使用 @section 指令定義的一個好處是:在子頁中使用 @section 注入時,可以使用 @parent 指令附加(而非重寫)在布局文件中的內容,而在布局文件中使用 @yield 指令定義的地方是做不到的。@parent 指令會在視圖渲染的時替換成布局文件里的內容。
注意,與在文件布局里定義的 sidebar 不同的是,子頁里使用 @endsection 結束,而非 @show 。因為 @endsection 僅用來定義區塊,而 @show 是用來定義、立馬產出區塊的。
從路由中直接返回視圖文件,要用到全局輔助函數 helper :
Route::get('blade', function(){ return view('child'); })
3、組件&插槽
組件和插槽提供了類似布局和區塊的優點。而組件和插槽的心智模型更符合直覺。設想一下,在我們的項目中有一個可重復的 “彈框” 組件:
<!-- Stored resource/views/alter.blade.php --> <div class="alter alter-danger"> {{ $slot }} </div>
{{ $slot }}
表示插入組建的內容。構建此組件,是使用 Blade 的@component指令:
@component('alter') <strong>Whoops!</strong> Something went wrong! @endcomponent
在這個場景里,{{ $slot }}
變量的內容是:
<strong>Whoops! </strong> Something went wrong!
有時一個組件需要多個插槽。這時,只需要稍改組件代碼,定義一個 “標題” 插槽,這個插槽稱命名插槽。命名插槽是通過簡單的 “打印” 匹配其名稱的變量來顯示內容的:
<!-- Stored resources/views/alter.blade.php--> <div class="alter alter-danger"> <div class="alter-title">{{ $title }}</div> {{ $slot }} </div>
為名名插槽注入內容,使用 @slot 指令。所有不在 @slot 指令里的內容都會傳遞給組件里的 $slot
變量。
@compontent ('alter') @slot('title') Forbidden @endslot You are not allowed to access this resource! @edcompontent~
4、為組建傳遞額外數據:
有時需要為組建件遞額外數據。為此,可以為 @conponent 指令傳遞第二個數組參數。指定要傳遞的額外。據所有過去的額外數據作為變量,在組件模板里都可以取的:
@component <compontent('alter', ['foo' => 'bar'); ..... @endCompontent
5、顯示數據
向 Blade 視圖傳遞數據,是通過將變量包裹在 [ ]
里實現的:
Route::get('greeting', function(){ return view('welcome', [ 'name' => ''Samantha']); })
下面就可以使用 name 變量顯示內容了:
Hello! {{ $name }}
{{ }}
是 Blade 視圖的打印語句,當然,打印語句里不限制只能打印變量內容,也可以使用 PHP 函數。實際上,打印語句這里可以使用任何 PHP 代碼:
The current UNIX timestamp is {{ time() }}
6、顯示非轉移數據
默認,所有傳遞給 Blade {{ }}
語句的內容都會使用 htmlspecialchar
函數處理、將內容轉義,避免 XSS 攻擊。如果無需轉義輸出的內容,可以使用下面語法:
Hello! {{!! $name !!}}.
不過千萬要小心,應該優先選擇使用轉義的 {{ }}
語法避免 XXS 攻擊。因為,有時你很難避免用戶有意的、無意的數據輸入。
看完了這篇文章,相信你對“laravel中Blade模板指的是什么”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。