搜尋
首頁後端開發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
相關文章
laravel单点登录方法详解laravel单点登录方法详解Jun 15, 2022 am 11:45 AM

本篇文章给大家带来了关于laravel的相关知识，其中主要介绍了关于单点登录的相关问题，单点登录是指在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统，下面一起来看一下，希望对大家有帮助。

一起来聊聊Laravel的生命周期一起来聊聊Laravel的生命周期Apr 25, 2022 pm 12:04 PM

本篇文章给大家带来了关于laravel的相关知识，其中主要介绍了关于Laravel的生命周期相关问题，Laravel 的生命周期从public\index.php开始，从public\index.php结束，希望对大家有帮助。

laravel中guard是什么laravel中guard是什么Jun 02, 2022 pm 05:54 PM

在laravel中，guard是一个用于用户认证的插件；guard的作用就是处理认证判断每一个请求，从数据库中读取数据和用户输入的对比，调用是否登录过或者允许通过的，并且Guard能非常灵活的构建一套自己的认证体系。

laravel中asset()方法怎么用laravel中asset()方法怎么用Jun 02, 2022 pm 04:55 PM

laravel中asset()方法的用法：1、用于引入静态文件，语法为“src="{{asset(‘需要引入的文件路径’)}}"”；2、用于给当前请求的scheme前端资源生成一个url，语法为“$url = asset('前端资源')”。

实例详解laravel使用中间件记录用户请求日志实例详解laravel使用中间件记录用户请求日志Apr 26, 2022 am 11:53 AM

本篇文章给大家带来了关于laravel的相关知识，其中主要介绍了关于使用中间件记录用户请求日志的相关问题，包括了创建中间件、注册中间件、记录用户访问等等内容，下面一起来看一下，希望对大家有帮助。

laravel中间件基础详解laravel中间件基础详解May 18, 2022 am 11:46 AM

本篇文章给大家带来了关于laravel的相关知识，其中主要介绍了关于中间件的相关问题，包括了什么是中间件、自定义中间件等等，中间件为过滤进入应用的 HTTP 请求提供了一套便利的机制，下面一起来看一下，希望对大家有帮助。

laravel的fill方法怎么用laravel的fill方法怎么用Jun 06, 2022 pm 03:33 PM

在laravel中，fill方法是一个给Eloquent实例赋值属性的方法，该方法可以理解为用于过滤前端传输过来的与模型中对应的多余字段；当调用该方法时，会先去检测当前Model的状态，根据fillable数组的设置，Model会处于不同的状态。

laravel路由文件在哪个目录里laravel路由文件在哪个目录里Apr 28, 2022 pm 01:07 PM

laravel路由文件在“routes”目录里。Laravel中所有的路由文件定义在routes目录下，它里面的内容会自动被框架加载；该目录下默认有四个路由文件用于给不同的入口使用：web.php、api.php、console.php等。

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脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

顯示更多

熱門文章

R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫：如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險：如何獲得巨型種子
1 個月前By尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間？
4 週前ByDDD
R.E.P.O.保存文件位置：在哪里以及如何保護它？
4 週前ByDDD
顯示更多

熱工具

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境，安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問，並防止學生使用未經授權的資源。

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具，用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

顯示更多

熱門話題

gmail信箱登陸入口在哪裡
7363
15
Java教學
1628
14
CakePHP 教程
1353
52
Laravel 教程
1265
25
PHP教程
1214
29
顯示更多