您好,登錄后才能下訂單哦!
這篇文章給大家介紹如何在Laravel中使用blade模板引擎渲染視圖,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
laravel提供了blade模板引擎用于視圖的渲染,在blade中可以直接使用PHP代碼,并且blade最終也會被編譯為php緩存起來,只有在blade文件被修改后才會重新編譯,這一點可以節省開銷提高應用性能。blade文件.blade.php作為視圖文件存放于laravel的resource/views目錄下。
1、定義模板
blade定義模板頁面同創建html頁面一樣,只不過在適當的位置通過@section或@yield來占位,當其它頁面引用模板頁時將內容填充到占位的位置即可
<html> <head> <title>@yield('title')</title> </head> <body> <header class="header"> @section('header') 這是頭部<br> @show </header> <div class="middle"> <aside class="aside"> 這是側邊欄 @yield('aside') </aside> <div class="content"> @section('content') 這是主體內容 @show </div> </div> <footer class="footer"> 這是底部 @yield('footer') </footer> </body> </html>
section與yield都是占位符,其區別體現在引用模板時,當使用yield時會完全將指定的占位符替換掉,而使用section時可以通過@parent來保留@section()~@show之間的內容。
如果需要在blade中引入外部js、css文件可以采用相對public目錄的絕對路徑,例如引入自帶的bootstrap,位于public/css/app.css,可以<link rel="stylesheet" href="{{ asset('./css/app.css')}}" rel="external nofollow" >
2、引用模板
引用模板首先需要通過@extends()引入你需要使用的模板,模板位置相對于views目錄。然后通過@section()~@stop(注意與定義模板時的@section~@show區別),將你所需要替換的內容填充到模板的指定位置,例如要填充header對應的section:
@extends('template.layout') {{--引入模板views/template/layout.blade.php--}} @section('title') 登錄界面 @stop @section('header') {{--填充到header對應的占位符--}} @parent {{--保留模板原內容--}} 頭部替換內容 @stop
引入組件:通過@component來引入組件模板。比如定義了一個通用的錯誤提示組件alert:
<div > <h6>{{$title}}</h6> {{$slot}} </div>
在頁面中使用該組件:
@component('template.alert') {{--引入組件views/template/alert.blade.php--}} @slot('title') {{--指定替代組件中的$title位置--}} alert標題 @endslot alert組件內容 @endcomponent
@component~@endcomponent之間的內容會自動替代組件{{$slot}},如果要指定替代的位置,可以通過@slot()~@endslot
引入子視圖:在一個頁面中如果希望引入一個blade子視圖,可以通過@include()
@include('template.child')
在blade中輸出變量通過{{$var}},其中的語句已經經過 PHP 的 htmlentities 函數處理以避免 XSS 攻擊。例如在controller中引入view時傳入變量參數:
public static function showBlade(){ return view('Login.login',['var'=>'test']); }
在blade中使用該變量
變量為:{{isset($var)? $var : '默認值'}}
有時候我們希望blade不要對文本進行解析,原樣輸出,比如在vue中也使用{{}}包裹變量,我們不希望blade對其進行編譯,這時可以使用@:
原文本輸出:@{{ $var }}
3、流程控制
blade提供了一套流程控制語句來對頁面的渲染進行控制,使頁面的渲染更為快捷,并且這些控制語句都是和PHP非常類似的。
if判斷:
@if ($val >80) 優秀 @elseif ($val>60) 及格 @else 不及格 @endif
循環:
@for ($i = 0; $i < 10; $i++) The current value is {{ $i }} @endfor @foreach ($users as $user) <p>This is user {{ $user->id }}</p> @endforeach
switch分支:
@switch($i) @case(1) First case... @break @case(2) Second case... @break @default Default case... @endswitch
認證:@auth 和 @guest 指令可用于快速判斷當前用戶是否登錄:
@auth // 用戶已登錄... @endauth @guest // 用戶未登錄... @endguest
關于如何在Laravel中使用blade模板引擎渲染視圖就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。