laravel中Blade模板指的是什么

小編給大家分享一下laravel中Blade模板指的是什么，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)長(zhǎng)期為千余家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為嘉興企業(yè)提供專業(yè)的網(wǎng)站制作、網(wǎng)站建設(shè)，嘉興網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

Blade模板是是Laravel提供的模板引擎，它簡(jiǎn)單強(qiáng)大，Blade允許在視圖中使用原生PHP代碼，Laravel使用的是編譯后的緩存文件，而不是視圖本身，所以Blade對(duì)于應(yīng)用程序來(lái)說(shuō)是零開(kāi)銷。

Blade模板是：

Blade 是 Laravel 提供的模板引擎，它簡(jiǎn)單強(qiáng)大。不像其他的 PHP 模板引擎，Blade 允許在視圖中使用原生 PHP 代碼。

實(shí)際上，所有的 Blade 視圖最終都會(huì)被編譯成原生 PHP 代碼，緩存在 storage/framework/views 文件夾中。

Laravel 使用的是這些編譯后的緩存文件，而不是視圖本身，所以，Blade 對(duì)于應(yīng)用程序來(lái)說(shuō)是零開(kāi)銷的。當(dāng)你修改了視圖文件，那么它會(huì)重新編譯并緩存，以便使用。Blade 視圖以 blade.php 為后綴名，一般存放于 resources/views 文件夾中。

模板繼承：

1、定義布局文件

Blade 模板引擎的主要兩個(gè)優(yōu)點(diǎn)是 “模板繼承” 和 “區(qū)塊”。舉一個(gè)簡(jiǎn)單的例子，一個(gè)項(xiàng)目里，幾乎所有的頁(yè)面都是一樣的布局，這時(shí)候就可以把這個(gè)布局提煉出來(lái)，作為母版頁(yè)，繼承了這個(gè)母版頁(yè)的的頁(yè)面都有一樣的布局效果，成為母版頁(yè)的子頁(yè)。母版頁(yè)還叫布局文件，布局文件就是一個(gè) 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>

布局文件里除了基礎(chǔ)的 HTNL 標(biāo)簽，還使用了兩個(gè)指令：@section 和 @yield 。@section定義區(qū)塊，@yield 定義區(qū)塊里的內(nèi)容。

下面。來(lái)定義布局文件的子頁(yè)。

2、繼承布局文件

子頁(yè)中，使用 Blade 的 @extends 指令指定 “繼承” 的布局文件，使用 @section 指令為在布局文件中使用 @section 和 @yield 指令的地方注入內(nèi)容：

<!-- 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 指令的地方，在子頁(yè)中仍然使用 @section 注入內(nèi)容；在布局文件中使用 @section 指令定義的一個(gè)好處是：在子頁(yè)中使用 @section 注入時(shí)，可以使用 @parent 指令附加（而非重寫(xiě)）在布局文件中的內(nèi)容，而在布局文件中使用 @yield 指令定義的地方是做不到的。@parent 指令會(huì)在視圖渲染的時(shí)替換成布局文件里的內(nèi)容。

注意，與在文件布局里定義的 sidebar 不同的是，子頁(yè)里使用 @endsection 結(jié)束，而非 @show 。因?yàn)?@endsection 僅用來(lái)定義區(qū)塊，而 @show 是用來(lái)定義、立馬產(chǎn)出區(qū)塊的。

從路由中直接返回視圖文件，要用到全局輔助函數(shù) helper :

Route::get('blade', function(){
        return view('child');
})

3、組件&插槽

組件和插槽提供了類似布局和區(qū)塊的優(yōu)點(diǎn)。而組件和插槽的心智模型更符合直覺(jué)。設(shè)想一下，在我們的項(xiàng)目中有一個(gè)可重復(fù)的 “彈框” 組件：

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

{{ $slot }} 表示插入組建的內(nèi)容。構(gòu)建此組件，是使用 Blade 的@component指令：

@component('alter')
        <strong>Whoops!</strong> Something went wrong!
@endcomponent

在這個(gè)場(chǎng)景里，{{ $slot }} 變量的內(nèi)容是：

<strong>Whoops! </strong> Something went wrong!

有時(shí)一個(gè)組件需要多個(gè)插槽。這時(shí)，只需要稍改組件代碼，定義一個(gè) “標(biāo)題” 插槽，這個(gè)插槽稱命名插槽。命名插槽是通過(guò)簡(jiǎn)單的 “打印” 匹配其名稱的變量來(lái)顯示內(nèi)容的：

<!-- Stored resources/views/alter.blade.php-->
<div class="alter alter-danger">
         <div class="alter-title">{{ $title }}</div>
            {{ $slot }}
</div>

為名名插槽注入內(nèi)容，使用 @slot 指令。所有不在 @slot 指令里的內(nèi)容都會(huì)傳遞給組件里的 $slot 變量。

@compontent ('alter')
         @slot('title')
            Forbidden
         @endslot
     You are not allowed to access this resource!
@edcompontent~

4、為組建傳遞額外數(shù)據(jù)：

有時(shí)需要為組建件遞額外數(shù)據(jù)。為此，可以為 @conponent 指令傳遞第二個(gè)數(shù)組參數(shù)。指定要傳遞的額外。據(jù)所有過(guò)去的額外數(shù)據(jù)作為變量，在組件模板里都可以取的：

@component
     <compontent('alter', ['foo' => 'bar');
         .....
@endCompontent

5、顯示數(shù)據(jù)

向 Blade 視圖傳遞數(shù)據(jù)，是通過(guò)將變量包裹在 [ ] 里實(shí)現(xiàn)的：

Route::get('greeting', function(){
         return view('welcome', [ 'name' => ''Samantha']);
})

下面就可以使用 name 變量顯示內(nèi)容了：

Hello! {{ $name }}

{{ }} 是 Blade 視圖的打印語(yǔ)句，當(dāng)然，打印語(yǔ)句里不限制只能打印變量?jī)?nèi)容，也可以使用 PHP 函數(shù)。實(shí)際上，打印語(yǔ)句這里可以使用任何 PHP 代碼：

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

6、顯示非轉(zhuǎn)移數(shù)據(jù)

默認(rèn)，所有傳遞給 Blade {{ }} 語(yǔ)句的內(nèi)容都會(huì)使用 htmlspecialchar 函數(shù)處理、將內(nèi)容轉(zhuǎn)義，避免 XSS 攻擊。如果無(wú)需轉(zhuǎn)義輸出的內(nèi)容，可以使用下面語(yǔ)法：

Hello! {{!! $name !!}}.

不過(guò)千萬(wàn)要小心，應(yīng)該優(yōu)先選擇使用轉(zhuǎn)義的 {{ }} 語(yǔ)法避免 XXS 攻擊。因?yàn)?，有時(shí)你很難避免用戶有意的、無(wú)意的數(shù)據(jù)輸入。

看完了這篇文章，相信你對(duì)“l(fā)aravel中Blade模板指的是什么”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

新聞標(biāo)題：laravel中Blade模板指的是什么
網(wǎng)站網(wǎng)址：http://muchs.cn/article46/gppshg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、定制網(wǎng)站、企業(yè)建站、建站公司、網(wǎng)站制作、用戶體驗(yàn)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容