Laravel Blade 模板用法

MangoGoing 發布于2019-06-28 13:33 / 1969人閱讀

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

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")
// 中間內容即使一個片段
@show

1.2.2 子模板填充片段

@section("part")
片段填充內容
@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")
        組件標題
    @endsolt
    
    @slot("content")
        組件內容
    @endslot
@endcomponent

2. 數據顯示 2.1 轉義輸出

{{ $name }}

2.2 未轉義輸出

{!! $name !!}

2.3 原格式輸出

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

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

3. 流程控制 3.1 for 注意：

沒有 $loop 變量

沒有 @empty

有 @break

有 @continue

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

@endfor

3.2 foreach 注意：

有 $loop 變量

沒有 @empty

有 @break

有 @continue

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

@endforeach

3.3 forelse 注意：

有 $loop 變量

必須有 @empty

有 @break

有 @continue

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

@empty
    數組沒有數據
@endforeach

4. 使用原生 PHP

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

5. 包含子視圖 注意

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

你可以傳遞額外的數據到子視圖

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

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


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


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

云服務器 GPU云服務器 Blade blade.java -laravel laravel

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/25722.html

Laravel 5 系列教程二：路由，視圖，控制器工作流程

摘要：但是不用擔心，我們后續的教程會陸續講解相關的內容。所以上面的路由注冊其實就是負責解決訪問的時候的響應。原文來自：https://jellybool.com/post/programming-with-laravel-5-routers-views-controllers-workflow 免費視頻教程地址 https://laravist.com/series/laravel-5-b...

awesome23 2019-06-27 11:28 評論0 收藏0
Laravel 5 系列教程三：視圖變量傳遞和Blade

摘要：所以在視圖中我們需要這樣輸出這里應寫成，而不是。這個時候注意更改視圖的變量輸出。原文來自： https://jellybool.com/post/programming-with-laravel-5-blade-views-with-var 系列文章： http://segmentfault.com/blog/jellybool 免費視頻教程地址 https://laravist...

jindong 2019-06-27 11:28 評論0 收藏0
[譯] 使用 PHPStorm 開發 Laravel 應用

摘要：很多程序員使用創建他們的應用程序。是一個免費開源的應用程序框架。是的模板語言，對藝術家友好，這個程序員的命令行工具可以在中工作使用插件和幫助器我們可以進一步擴展對應用的支持。很多PHP程序員使用 [laravel] 創建他們的應用程序。[laravel] 是一個免費開源的PHP web應用程序框架。它基于多個Symfony 組件，提供了一個開發框架，包括authentication,...

buildupchao 2019-06-28 13:35 評論0 收藏0
在 JS 中實現 Laravel 的 route 函數

摘要：所以推薦給每個路由都命個名，并通過路由名的方式來獲取。所以我就考慮能不能在中實現一個類似后端的函數。最終的解決方案很簡單，兩個函數就可以搞定。在Laravel的路由模塊里，我們可以給每一個路由設定一個名字，比如： Route::get(/blog/{blog}, BlogController@show)->name(blog.show); 然后就可以通過 route(blog.sho...

zhangqh 2019-06-27 14:42 評論0 收藏0
Laravel 模板引擎（Blade）原理簡析

摘要：上次提到過，模板引擎一般是要做三件事情變量值的輸出條件判斷和循環引入或繼承其他文件現在就來看看的模板引擎是如何來處理這三件事情的。引擎接下來就是本文的重點是如何編譯的。如果有興趣的話，也可以實現一個自己的模板解析引擎。上次提到過，模板引擎一般是要做三件事情：變量值的輸出（echo）條件判斷和循環（if ... else、for、foreach、while）引入或繼承其他文件 ...

vvpvvp 2019-06-27 11:41 評論0 收藏0