首頁 > php框架 > Laravel > 主體

Blade模板是什麼?

coldplay.xixi
發布: 2020-07-02 10:55:48
原創
3284 人瀏覽過

Blade模板是是Laravel提供的模板引擎,它簡單強大,Blade允許在視圖中使用原生PHP代碼,Lar​​avel使用的是編譯後的緩存文件,而不是視圖本身,所以Blade對於應用程式來說是零開銷。

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(&#39;title&#39;)</title>
       </head>
       <body>
         @section(&#39;sidebar&#39;)
               This is the master sidebar.
         @show
         <div class="container">
              @yield(&#39;content&#39;)
         </div>
       <body>
</html>
登入後複製

佈局文件裡除了基礎的 HTNL 標籤,還使用了兩個指令:@section 和 @yield 。 @section定義區塊,@yield 定義區塊裡的內容。

下面。來定義佈局文件的子頁。

2、繼承佈局文件

子頁中,使用Blade 的@extends 指令指定「繼承」 的佈局文件,使用@section 指令為在佈局文件中使用@section 和@yield 指令的地方注入內容:

<!-- Stored in resources/views/child.blade.php -->
@extends(&#39;layouts.app&#39;)
@section(&#39;title&#39;,&#39;Page Title&#39;)
@section(&#39;sidebar&#39;)
       <p> This is appended to the master sideebar</p>
@endsection
@section(&#39;content&#39;)
         <p>This ismy body content. </p>
@endsection
登入後複製

可以看到,在佈局文件中使用@yield 指令的地方,在子頁中仍然使用@section 注入內容;在佈局文件中使用@section 指令定義的一個好處是:在子頁中使用@section 注入時,可以使用@parent 指令附加(而非重寫)在佈局文件中的內容,而在佈局文件中使用@yield 指令定義的地方是做不到的。 @parent 指令會在視圖渲染的時替換成佈局檔案裡的內容。

注意,與在檔案佈局中定義的 sidebar 不同的是,子頁裡使用 @endsection 結束,而不是 @show 。因為 @endsection 僅用來定義區塊,而 @show 是用來定義、立刻產出區塊的。

從路由直接傳回視圖文件,要用到全域輔助函數helper :

Route::get(&#39;blade&#39;, function(){
        return view(&#39;child&#39;);
})
登入後複製

3、元件&插槽

元件和插槽提供了類似佈局和區塊的優點。而組件和插槽的心智模型更符合直覺。設想一下,在我們的專案中有一個可重複的 「彈框」 元件:

<!-- Stored resource/views/alter.blade.php -->
<div class="alter alter-danger">
       {{ $slot }}
</div>
登入後複製

#{{ $slot }} 表示插入組成的內容。建立此元件,是使用Blade 的@component指令:

@component(&#39;alter&#39;)
        <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 (&#39;alter&#39;)
         @slot(&#39;title&#39;)
            Forbidden
         @endslot
     You are not allowed to access this resource!
@edcompontent~
登入後複製

4、為組成傳遞額外資料:

有時需要為組成件遞額外資料。為此,可以為 @conponent 指令傳遞第二個陣列參數。指定要傳遞的額外。根據所有過去的額外數據作為變量,在組件模板裡都可以取的:

@component
     <compontent(&#39;alter&#39;, [&#39;foo&#39; => &#39;bar&#39;);
         .....
@endCompontent
登入後複製

5、顯示數據

向Blade 視圖傳遞數據,是透過將變數包裹在 [ ] 裡實現的:

Route::get(&#39;greeting&#39;, function(){
         return view(&#39;welcome&#39;, [ &#39;name&#39; => &#39;&#39;Samantha&#39;]);
})
登入後複製

下面就可以使用name 變數顯示內容了:

Hello! {{ $name }}
登入後複製

{{ }} 是Blade 視圖的列印語句,當然,列印語句裡不限制只能列印變數內容,也可以使用PHP 函數。實際上,列印語句這裡可以使用任何PHP 程式碼:

The current UNIX timestamp is {{ time() }}
登入後複製

6、顯示非轉移資料

默認,所有傳遞給Blade {{ }} 語句的內容都會使用 htmlspecialchar 函數處理、將內容轉義,避免XSS 攻擊。如果不需要轉義輸出的內容,可以使用下面語法:

Hello! {{!! $name !!}}.
登入後複製

不過千萬要小心,應該優先選擇使用轉義的 {{ }} 語法避免 XXS 攻擊。因為,有時你很難避免使用者有意的、無意的資料輸入。

相關學習推薦:Laravel

#

以上是Blade模板是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!