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

發(fā)布時(shí)間：2021-03-31 17:27:06 來源：億速云閱讀：160 作者：Leah 欄目：開發(fā)技術(shù)

Blade模板引擎怎么在Laravel 5.1 框架中使用？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

1 繼承

繼承是相當(dāng)爽的，它可以從主模板繼承所有代碼，以免大量的代碼重復(fù)。這樣說比較片面，具體看眼代碼吧。

1.1 模板繼承拓展代碼片段

首先先創(chuàng)建一個(gè) admin/layout.blade.php：

<!DOCTYPE html>
<html>
<head>
  <title>Learn Laravel-- @yield('title')</title>
</head>
<body>
  @section('navibar')
    The master navigation bar
  @show
  <div class="container">
    @yield('content')
  </div>
</body>
</html>

然后創(chuàng)建 admin/home.blade.php 繼承自layout：

@extends('admin.layout')
@section('title')
  Home
@endsection
@section('navibar')
  @parent
  <p>增加別的代碼 不是完全覆蓋</p>
@endsection
@section('content')
  <p>Content body</p>
@endsection

注冊(cè)路由實(shí)現(xiàn)控制器方法并展示

Route::group(['prefix' => 'admin', 'namespace' => 'Admin'], function (){
  Route::resource('/', 'HomeController');
});
  public function index()
  {
    return view('admin.home');
  }

總結(jié)：好了現(xiàn)在咱先看layout代碼它初始定義了一個(gè)HTML簡(jiǎn)單的模板，在需要拓展的地方都加上了@yield關(guān)鍵字這代表可填充的一塊兒代碼片段區(qū)域，而@section(navi)是聲明了一段片段然后通過@show來展示。

然后我們創(chuàng)建了home文件，它可以繼承自layout 通過@extends() 繼承之后就可以使用@section填充layout中的@yield的了，一個(gè)yield對(duì)應(yīng)著一個(gè)section，關(guān)于layout中的@section(navi) 在home中也進(jìn)行了補(bǔ)充因?yàn)槭褂昧薂parent關(guān)鍵字，代表著不覆蓋父模板的代碼片段而是在父模板的代碼片段最后追加代碼，當(dāng)然啦如果你要是去掉@parent關(guān)鍵字就會(huì)覆蓋掉。

如果這么說你還是不明白的話，打開編譯器敲一遍看看結(jié)果就清楚了。

1.2 引入一段代碼

這也是blade相當(dāng)強(qiáng)大的地方當(dāng)你寫了一段HTML之后呢發(fā)現(xiàn)其中有些內(nèi)容在別的頁(yè)面下重用率很高，你完全可以把它抽出來放在另一個(gè)blade中，然后每當(dāng)你要使用這段代碼時(shí)使用@include引入就行了。

首先我們先來創(chuàng)建一個(gè) some.blade.php(至于放在哪里隨你便) ：

<p>這只是一個(gè)演示 所以不浪費(fèi)時(shí)間寫太多的HTML</p>

然后在home中引用它吧：

@extends('admin.layout')
@section('title')
  Home
@endsection
@section('navibar')
  @parent
  <p>增加別的代碼 不是完全覆蓋</p>
@endsection
@section('content')
  @include('admin.some')
  <p>Content body</p>
@endsection

2 數(shù)據(jù)展示

這段說說如何將數(shù)據(jù)傳入到一個(gè)視圖然后將它展示到頁(yè)面上。

2.1 數(shù)據(jù)傳入

數(shù)據(jù)傳入有兩種種方法先說第一種數(shù)組方式：

  public function index()
  {
    $name = 'K';
    return view('admin.home', compact('name'));
    // 也可以這么寫
//    return view('admin.home', ['name' => $name]);
  }

第二種方法是with方法：

  public function index()
  {
    $name = 'K';
    return view('admin.home')->with('name', $name);
  }

2.2 展示數(shù)據(jù)

第一種展示方法 {{ }}，用雙花括號(hào)括起來就可以展示傳入blade模板的變量，在{{ }} 里是可以使用PHP代碼的：

<p>用戶:{{ $name }}</p>

第二種展示方法{!! !!}，它是不經(jīng)過htmlentities函數(shù)處理的，所以說你傳遞的數(shù)據(jù)是html數(shù)據(jù)的話可以使用這種方法：

return view('admin.home')->with('name', '<h2>K</h2>');
<p>用戶:{!! $name !!}</p>

3 控制語句

blade模板為了最大化使代碼簡(jiǎn)潔呢它本身自帶了很多控制語句這跟咱學(xué)的PHP很類似，就是if啊 foreach啊什么的

3.1 if控制 - 如果

廢話不多說實(shí)例放這你就能懂：

  @if(isset($name))
    <p>{{ $name }}</p>
  @else
    <p>None</p>
  @endif

3.2 unless控制 - 除非

  @unless(!isset($name))
    <p>{{ $name }}</p>
  @endunless

3.3 for控制 - 循環(huán)

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

3.4 foreach控制 - 循環(huán)遍歷

  {{--$names = ['k', 'l', 'i'];--}}
  @foreach($names as $name)
    <p>{{ $name }}</p>
  @endforeach

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。

向AI問一下細(xì)節(jié)