Laravel 5 基礎（四）- Blade 簡介-php教程-PHP中文網

首頁

後端開發

php教程

Laravel 5 基礎（四）- Blade 簡介

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 08, 2016 am 09:26 AM

gt lt quot

在多個頁面中我們可能包含相同的內容，像是檔案頭，連結的css或js等。我們可以利用佈局檔完成這個功能。

讓我們新建一個佈局文件，例如 views/layout.blade.php

<code><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        @yield('content')
    </div>
</body>
</html></code>

登入後複製

我們創建了不解的結構，引入了bootstrap，注意 @yield 是blade的佈局佔位符，未來我們的頁面內容將填充到這裡，修改 about.blade.php

<code>@extends('layout')

@section('content')
    
<h1>About {{ $first }} {{ $last }}</h1>

@stop</code>

登入後複製

上面的程式碼表示我們使用版面配置檔案 layout.blade.php，然後在 content 段中加入內容。

在 routes.php 中加入：

<code>Route::get('about', 'PagesController@about');
Route::get('contact', 'PagesController@contact');</code>

登入後複製

在 PagesController.php 中加入：

<code>    public function contact() {
        return view('pages.contact');
    }</code>

登入後複製

新視圖 pages/contact.blade.php

<code>@extends('layout')

@section('content')
    <h1>Contact Me!</h1>
@stop</code>

登入後複製

Check it out!

在版面配置檔案中我們可以加入多個 @yield , 例如在 layout.blade.php 中加入 @yield('footer') ：

<code><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        @yield('content')
    </div>

    @yield('footer')
</body>
</html></code>

登入後複製

例如 contact.blade.php 中有一段腳本，就可以放在這個段中。

<code>@extends('layout')

@section('content')
    <h1>Contact Me!</h1>
@stop

@section('footer')
    <script>
        alert('Contact from scritp')
    </script>
@stop</code>

登入後複製

訪問contact會有對話框，而about仍然是普通顯示

使用 @if 來判斷

<code>@extends('layout')

@section('content')
    @if ($first = 'Zhang')
        <h1>Hello, Zhang</h1>
    @else
        <h1>Hello, nobody</h1>
    @endif
@stop</code>

登入後複製

也可以視同 @unless 等同於 if !，還有 @foreach 等。

<code>    public function about()
    {
        $people = [
            'zhang san',
            'li si',
            'wang wu'
        ];
        return view('pages.about', compact('people'));
    }</code>

登入後複製

<code>@extends('layout')

@section('content')
    <h1>Person:</h1>
    <ul>
        @foreach($people as $person)
            <li>{{ $person }}</li>
        @endforeach
    </ul>
@stop</code>

登入後複製

有一種情況，資料可能來自資料庫，集合可能是空，像是這樣：

<code>$people = [];</code>

登入後複製

處理這種情況，請加入 @if 處理

<code>@extends('layout')

@section('content')
    @if (count($people))
        <h1>Person:</h1>
        <ul>
            @foreach($people as $person)
                <li>{{ $person }}</li>
            @endforeach
        </ul>
    @endif

    <h2>Other info</h2>
@stop</code>

登入後複製

That's better.

以上就介紹了Laravel 5 基礎（四）- Blade 簡介，包括了方面的內容，希望對PHP教程有興趣的朋友有所幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7786

Java教學

1644

CakePHP 教程

1400

Laravel 教程

1297

PHP教程

1234

Related knowledge

華為GT3 Pro和GT4的差異是什麼？ Dec 29, 2023 pm 02:27 PM

許多用戶在選擇智慧型手錶的時候都會選擇的華為的品牌，其中華為GT3pro和GT4都是非常熱門的選擇，不少用戶都很好奇華為GT3pro和GT4有什麼區別，下面就給大家介紹一下二者。華為GT3pro和GT4有什麼差別一、外觀GT4：46mm和41mm，材質是玻璃鏡板+不鏽鋼機身+高分纖維後殼。 GT3pro：46.6mm和42.9mm，材質是藍寶石玻璃鏡+鈦金屬機身/陶瓷機身+陶瓷後殼二、健康GT4：採用最新的華為Truseen5.5+演算法，結果會更加的精準。 GT3pro：多了ECG心電圖和血管及安

修復：截圖工具在 Windows 11 中不起作用 Aug 24, 2023 am 09:48 AM

為什麼截圖工具在Windows11上不起作用了解問題的根本原因有助於找到正確的解決方案。以下是截圖工具可能無法正常工作的主要原因：對焦助手已開啟：這可以防止截圖工具開啟。應用程式損壞：如果截圖工具在啟動時崩潰，則可能已損壞。過時的圖形驅動程式：不相容的驅動程式可能會幹擾截圖工具。來自其他應用程式的干擾：其他正在運行的應用程式可能與截圖工具衝突。憑證已過期：升級過程中的錯誤可能會導致此issu簡單的解決方案這些適合大多數用戶，不需要任何特殊的技術知識。 1.更新視窗與Microsoft應用程式商店應用程

如何修復無法連線到iPhone上的App Store錯誤 Jul 29, 2023 am 08:22 AM

第1部分：初始故障排除步驟檢查蘋果的系統狀態：在深入研究複雜的解決方案之前，讓我們先從基礎知識開始。問題可能不在於您的設備;蘋果的伺服器可能會關閉。造訪Apple的系統狀態頁面，查看AppStore是否正常運作。如果有問題，您所能做的就是等待Apple修復它。檢查您的網路連接：確保您擁有穩定的網路連接，因為「無法連接到AppStore」問題有時可歸因於連接不良。嘗試在Wi-Fi和行動數據之間切換或重置網路設定（「常規」>「重置」>「重置網路設定」>設定）。更新您的iOS版本：

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出？想实现这样的效果：而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端，那么就用Ajax；仅供参考：HTML code

watch4pro好還是gt好 Sep 26, 2023 pm 02:45 PM

watch4pro和gt各自具有不使用的特點和適用場景，如果注重功能的全面性、高性能和時尚外觀，同時願意承擔較高的價格，那麼Watch 4 Pro可能更適合。如果對功能要求不高，更注重電池續航力和價格的合理性，那麼GT系列可能更適合。最終的選擇應根據個人需求、預算和喜好來決定，建議在購買前仔細考慮自己的需求，並參考各種產品的評測和比較，以做出更明智的選擇。

请教怎么修改url某一参数的参数值呢？是要拆开了再拼回去吗 Jun 13, 2016 am 10:24 AM

请问如何修改url某一参数的参数值呢？是要拆开了再拼回去吗？那么请问如何修改url某一参数的参数值呢？是要拆开了再拼回去吗？http://127.0.0.1/myo/newuser.php?mod=search&type=fastone比如现在我要修改mod=new要怎么做呢？------解决方案--------------------发送了请求

如何使用 iPadOS 17.4 優化 iPad 電池壽命 Mar 21, 2024 pm 10:31 PM

如何使用iPadOS17.4优化iPad电池寿命延长电池续航时间是移动设备体验的关键，iPad是一个很好的例子。如果您觉得iPad电池消耗速度过快，不用担心，在iPadOS17.4中有许多技巧和调整可以显著延长设备的运行时间。本深入指南的目标不仅仅是提供信息，而是改变您使用iPad的方式，增强您的整体电池管理，并确保您可以在无需充电的情况下更长时间地依赖您的设备。通过采用此处概述的做法，您朝着更高效、更谨慎地使用技术迈出了一步，这些技术是根据您的个人需求和使用模式量身定制的。识别主要的能量消耗者

Microsoft正在推出Windows 11 23H2版本到有Copilot的發布預覽頻道 Sep 28, 2023 pm 07:17 PM

每個人都在期待今天的Windows1123H2發布。事實上，Microsoft剛剛啟動了發布預覽版的更新，這是正式發布階段之前最接近的頻道。被稱為Build22631的Microsoft表示，他們正在推出新的更名聊天應用程序，電話鏈接和一起玩小部件，這些小部件在過去幾個月中已在其他內部渠道中進行了測試。「這個新的更新將具有與Windows11版本22H2相同的服務分支和程式碼庫，並將與所有新宣布的功能累積，包括Windows中的Copilot（預覽版），」Microsoft承諾。雷德蒙官員進一

See all articles

Laravel 5 基礎（四）- Blade 簡介

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題