Laravel Blade 模板用法

MangoGoing 發(fā)布于2019-06-28 13:33 / 1954人閱讀

摘要：你可以傳遞額外的數(shù)據(jù)到子視圖定義父視圖，并包含子視圖，且傳入額外數(shù)據(jù)父視圖父視圖擁有變量包含子視圖額外數(shù)據(jù)子視圖

1. 繼承、片段、占位、組件、插槽 1.1 繼承 1.1.1 定義父模板

Laravel/resources/views/base.blade.php

1.1.2 子模板繼承

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

@extends("base")

1.2 片段 1.2.1 父模板定義片段

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

1.2.2 子模板填充片段

@section("part")
片段填充內(nèi)容
@endsection

1.3 占位 1.3.1 父模板占位：

@yield("title")

1.3.2 子模板填充占位

第一種填充（文本）：
@section("title" , "填充的文本占位")

第二種填充（文本 or html）
@section("title")
填充的占位
@endsection

1.4 組件、插槽 1.4.1 定義組件

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


    
    {{ $title }}
    {{ $content }}

1.4.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 原格式輸出

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

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

3. 流程控制 3.1 for 注意：

沒(méi)有 $loop 變量

沒(méi)有 @empty

有 @break

有 @continue

@for ($i = 0; $i < 10; ++$i)
    {{ $i }} 

@endfor

3.2 foreach 注意：

有 $loop 變量

沒(méi)有 @empty

有 @break

有 @continue

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

@endforeach

3.3 forelse 注意：

有 $loop 變量

必須有 @empty

有 @break

有 @continue

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

@empty
    數(shù)組沒(méi)有數(shù)據(jù)
@endforeach

4. 使用原生 PHP

@php 
echo "使用原生 PHP";
@endphp

5. 包含子視圖 注意

被包含的子視圖可以引用父視圖定義的所有變量。

你可以傳遞額外的數(shù)據(jù)到子視圖

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

/**
 * 父視圖
 * 父視圖擁有變量 $name = "chenxuelong"
 */


    {{ $username }}
    
        
        @include("child" , [
            "other" => "額外數(shù)據(jù)"
        ])
    


/**
 * 子視圖
 */
 {{ $username }}
 {{ $other }}