Blade模板簡(jiǎn)介

問(wèn)： 什么是Blade模板？

答： Blade模板是Laravel提供一個(gè)既簡(jiǎn)單又強(qiáng)大的模板引擎；
和其他流行的PHP模板引擎不一樣，他并不限制你在視圖里使用原生PHP代碼；
所有Blade視圖頁(yè)面都將被編譯成原生的PHP代碼并緩存起來(lái)，除非你的模板文件被修改，否則不會(huì)重新編譯。
而這些都意味著B(niǎo)lade不會(huì)給我們?cè)黾尤魏呜?fù)擔(dān)。

在其他框架中，分頁(yè)可能是件非常痛苦的事，Laravel 讓這件事變得簡(jiǎn)單、易于上手。Laravel 的分頁(yè)器與查詢構(gòu)建器和 Eloquent ORM 集成在一起，并開(kāi)箱提供方便的、易于使用的、基于數(shù)據(jù)庫(kù)結(jié)果集的分頁(yè)。分頁(yè)器生成的 HTML 兼容 Bootstrap CSS 框架。

基本使用

基于查詢構(gòu)建器進(jìn)行分頁(yè) 有多種方式實(shí)現(xiàn)分頁(yè)功能，最簡(jiǎn)單的方式就是使用查詢構(gòu)建器或 Eloquent 查詢提供的 paginate 方法。該方法基于當(dāng)前用戶查看頁(yè)自動(dòng)設(shè)置合適的偏移（offset）和限制（limit），直白點(diǎn)說(shuō)就是頁(yè)碼和每頁(yè)顯示數(shù)量。默認(rèn)情況下，當(dāng)前頁(yè)通過(guò) HTTP 請(qǐng)求查詢字符串參數(shù) page 的值判斷。當(dāng)然，該值由 Laravel 自動(dòng)檢測(cè)，然后自動(dòng)插入分頁(yè)器生成的鏈接中。

讓我們先來(lái)看看如何在查詢中調(diào)用 paginate 方法。在本例中，傳遞給 paginate 的唯一參數(shù)就是你每頁(yè)想要顯示的數(shù)目，這里我們指定每頁(yè)顯示 15 個(gè)：

?php

namespace App\Http\Controllers;

use Illuminate\Support\Facades\DB;
use App\Http\Controllers\Controller;

class UserController extends Controller
{
 /**
 * 顯示應(yīng)用中的所有用戶
 *
 * @return Response
 */
 public function index()
 {
 $users = DB::table('users')->paginate(15);
 return view('user.index', ['users' => $users]);
 }
}

注：目前，使用 groupBy 的分頁(yè)操作不能被 Laravel 有效執(zhí)行，如果你需要在分頁(yè)結(jié)果中使用 groupBy，推薦你手動(dòng)查詢數(shù)據(jù)庫(kù)然后創(chuàng)建分頁(yè)器。

簡(jiǎn)單分頁(yè)

如果你只需要在分頁(yè)視圖中簡(jiǎn)單的顯示“下一頁(yè)”和“上一頁(yè)”鏈接，可以使用 simplePaginate 方法來(lái)執(zhí)行一個(gè)更加高效的查詢。在渲染包含大數(shù)據(jù)集的視圖且不需要顯示每個(gè)頁(yè)碼時(shí)這一功能非常有用：

$users = DB::table('users')->simplePaginate(15);

顯示分頁(yè)結(jié)果

當(dāng)調(diào)用 paginate 方法時(shí)，你將獲取Illuminate\Pagination\LengthAwarePaginator 實(shí)例，而調(diào)用方法simplePaginate 時(shí)，將會(huì)獲取 Illuminate\Pagination\Paginator 實(shí)例。這些對(duì)象提供相關(guān)方法描述這些結(jié)果集，除了這些輔助函數(shù)外，分頁(yè)器實(shí)例本身就是迭代器，可以像數(shù)組一樣對(duì)其進(jìn)行循環(huán)調(diào)用。所以，獲取到結(jié)果后，可以按如下方式使用 Blade 顯示這些結(jié)果并渲染頁(yè)面鏈接：

div class="container">
 @foreach ($users as $user)
 {{ $user->name }}
 @endforeach
/div>

{{ $users->links() }}

links 方法將會(huì)將結(jié)果集中的其它頁(yè)面鏈接渲染出來(lái)。每個(gè)鏈接已經(jīng)包含了 page 查詢字符串變量。記住，render 方法生成的 HTML 兼容 Bootstrap CSS 框架。

帶條件的分頁(yè)

public function index()
{
 $type = $this->request->get('type',1);
 $users = DB::table('users')->where(function ($query) use ($type) {
 if($type) {
  $query->where('type', $type);
 }
 })->paginate(15);
 return view('user.index', ['users' => $users]);
}
]

div class="container">
 @foreach ($users as $user)
 {{ $user->name }}
 @endforeach
/div>

{!! $list->appends(['type'=>$type])->links() !!}

知識(shí)點(diǎn)補(bǔ)充：

Laravel框架中Blade模板的用法

1. 繼承、片段、占位、組件、插槽

1.1 繼承

1、定義父模板 Laravel/resources/views/base.blade.php

2、子模板繼承 @extends('base')

1.2 片段

1、父模板定義片段

@section('part')
 // 中間內(nèi)容即使是一個(gè)片段
@show

2、子模板填充片段

@section('part')
 // 片段填充內(nèi)容（后臺(tái)的表單、列表等）
@endsection

1.3 占位

1、父模板占位

@yield('title')

2、子模板填充占位

第一種填充（文本）： 

   @section('title' , '填充的文本占位')

第二種填充（文本 or html）

 @section('title')
 // 填充的占位
 @endsection

1.4 組件、插槽

1、定義組件

// 路徑：Laravel/resources/views/component.blade.php

div class='component'>
 !-- $title，$content 變量實(shí)際上就是預(yù)定義的插槽 -->
 div class='title'>{{ $title }}/div>
 div class='content'>{{ $content }}/div>
/div>

2、使用組件

// 路徑：Laravel/resources/views/test.blade.php

@component('component')

 @slot('title')
 組件標(biāo)題
 @endsolt

 @slot('content')
 組件內(nèi)容
 @endslot

@endcomponent

2.數(shù)據(jù)顯示

2.1 轉(zhuǎn)義輸出

{{ $name }}

2.2 未轉(zhuǎn)義輸出

{!! $name !!}

2.3 打印內(nèi)容并帶一個(gè)默認(rèn)值

{{ $var or 'default' }}

2.4 原格式輸出

// 第一種（適合量不多）：
 @{{ name }}

// 第二種（適合量多）：
 @verbatim
 {{ name }}
 {{ sex }}
 {{ age }}
 @endverbatim

3. 流程控制

3.1 for

@for ($i = 0; $i  10; ++$i)
 {{ $i }} br />
@endfor

3.2 foreach

@foreach ($data as $k => $v)
 {{ $k }} br />
@endforeach

3.3 forelse

@foreach ($data as $k => $v)
 // $data有值
 {{ $k }} br />
@empty
 // $data沒(méi)有值
@endforeach

3.4 if

@if(condition) - if開(kāi)始

@else - else不帶條件

@elseif(condition) - else帶條件

@endif - 結(jié)束if

3.5 while

@while(condition) - while循環(huán)開(kāi)始

@endwhile - while循環(huán)結(jié)束

3.6 unless

@unless(condition) - unless開(kāi)始
@endunless - unless結(jié)束

4. 使用原生 PHP

@php 
 // 里面寫(xiě)php代碼
 echo "使用原生 PHP";
@endphp

5. 包含子視圖

被包含的子視圖可以引用父視圖定義的所有變量。
你可以傳遞額外的數(shù)據(jù)到子視圖

定義父視圖 parent.blade.php，并包含子視圖 child.blade.php，且傳入額外數(shù)據(jù)

!-- 包含子視圖 -->
@include("child" , [
"other" => "額外數(shù)據(jù)"
])

總結(jié)

到此這篇關(guān)于laravel中blade模板帶條件分頁(yè)的文章就介紹到這了,更多相關(guān)laravel blade模板內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！