溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Blade模板引擎怎么在Laravel中使用

發布時間:2021-01-13 16:28:42 來源:億速云 閱讀:223 作者:Leah 欄目:開發技術

Blade模板引擎怎么在Laravel中使用?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。

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('title')</title>
 </head>
 <body>
 @section('sidebar')
  This is the master sidebar.
 @show
 
 <div class="container">
  @yield('content')
 </div>
 </body>
</html>

Blade 模板文件包含了典型的 HTML 標記。你肯定看到了 @section 和 @yield 指令。@section 指令就如它的名字所暗示的那樣定義了一個內容區塊,而 @yield 指令是用來顯示所提供的掛件區塊所包含的內容。我們已經定義好了一個基本的布局,接下來我們可以使用 Blade 的 @extends 指令來明確的指定繼承這個布局。然后使用 @section 指令將掛件中的內容掛載到布局中,在上面的例子中,掛件的內容將被掛載到布局中的 @yield 部分:

<!-- Stored in resoures/views/child.blade.php -->
@extends('layouts.master')
 
@section('title', 'Page Title')
 
@section('sidebar')
 @parent
 
 <p>This is appended to the master sidebar.</p>
@endsection
 
@section('content')
 <p>This is my body content.</p>
@endsection

在上面的例子作用 sidebar 掛件利用 @parent 指令來追加布局中的 sidebar 部分的內容,如果不使用則會覆蓋掉布局中的這部分。@parent 指令會在視圖被渲染時替換為布局中的內容。

Blade 視圖可以像原生 PHP 視圖一樣使用全局幫助函數 view 來返回渲染后的內容:

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

顯示數據

你可以使用花括號 { 來在視圖中顯示傳遞到視圖中的變量,例如,你定義了下面的路由:

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

你可以在視圖中這樣來輸出 name 變量的內容:

Hello, {{ $name }}

當然,你也可以從原生 PHP 方法中返回內容。事實上,你可以在 Blade echo 聲明中使用任意的 PHP 代碼:(Blade {{}} 聲明中的內容是自動通過 htmlentities 方法過濾的,用來防止 XSS 攻擊。)

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

由于很多 JavaScript 框架都使用花括號來表明所提供的表達式應該被顯示在瀏覽器中。所以你可以使用 @ 符號來告訴 Blade 渲染引擎你需要這個表達式原樣保留:

Hello, @{{ name }}

我們常用三目運算符來賦值

{{ isset($name) ? $name : 'Default' }}

Blade 提供了一個便捷的方式來替換這個三元聲明:

{{ $name or 'Default' }}

默認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't have any records!
@endif

當然為了方便,Blade 也提供了替代指令 @unless 指令:

@unless (Auth::check())
 You are not signed in.
@endunless

也可以使用 @hasSection 指令來判斷提供給布局的掛件是否包含了內容:

<title>
 @hasSection('title')
 @yield('title') - 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'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 指令來包含一個視圖的內容,當前視圖中的變量也會被共享給子視圖:

<div>
 @include('shared.errors')
 
 <form>
 <!-- Form Contents -->
 </form>
</div>

盡管子視圖會自動繼承父視圖中的所有數據變量,你也可以直接傳遞一個數組變量來添加額外的變量到子視圖(在 Blade 視圖中避免使用 __DIR__ 和 __FILE__ 常量,因為它們會解析為視圖緩存所在的位置):

@include('view.name', ['some' => 'data'])

你可以使用 Blade 的 @each 指令來在一行中合并引入多個視圖:

@each('view.name', $jobs, 'job')

第一個參數是數組或集合中每個元素需要被渲染的視圖名稱。

第二個參數是一個數組或集合,被用來提供迭代。

第三個參數是要分配給當前視圖的變量名。

你也可以傳遞第四個參數到 @each 指令。如果所提供的數組是空數組的話,該參數所提供的視圖將會被引入。

@each('view.name', $jobs, 'job', 'view.empty')

Blade 中的注釋,這樣寫不會被渲染:

{{-- This comment will not be present in the rendered HTML --}}

Blade 允許你在已命名的堆中壓入內容:

@push('scripts')
 <script src="/example.js"></script>
@endpush

你可以在你需要的時候壓入相同的堆任意的次數,你需要在布局中使用 @stack 來渲染堆:

<head>
 <!-- Head Contents -->
 @stack('scripts')
</head>

可以使用 @inject 指令來從服務容器中取回服務:

@inject('metrics', 'App\Services\MetricsService')
<div>
 Monthly Revenue: {{ $metrice->monthlyRevenue() }}
</div>

第一個參數將作為所取回服務存放的變量名,

第二個參數是你想要在服務容器中取回的類或接口名稱。

可以使用 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('datetime', function ($expression) {
  return "<?php echo with{$express}->format('m/d/Y H:i'); ?>";
  });
 }
 
 /**
 * Register bindings in the container
 *
 * @return void
 */
 public function register() {
  //
 }
}

上面的例子中使用了 Laravel 的 with 幫助方法,它只是簡單的返回一個所提供的對象或值,并提供方便的鏈式調用。最終該指令生成的 PHP 代碼如下:

 <?php echo with($var)->format('m/d/Y H:i'); ?>

看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女