Laravel 5框架学习之Blade 简介,laravelblade
在多个页面中我们可能包含相同的内容,像是文件头,链接的css或者js等。我们可以利用布局文件完成这个功能。
让我们新建一个布局文件,例如 views/layout.blade.php
<!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>
我们创建了不解的结构,引入了bootstrap,注意 @yield 是blade的布局占位符,未来我们的页面内容将填充到这里,修改 about.blade.php
@extends('layout') @section('content') <h1 id="About-first-last">About {{ $first }} {{ $last }}</h1> @stop
上面的代码表示我们使用布局文件 layout.blade.php, 然后在 content 段中添加内容。
在 routes.php 中添加:
Route::get('about', 'PagesController@about'); Route::get('contact', 'PagesController@contact');
在 PagesController.php 中添加:
public function contact() { return view('pages.contact'); }
新建视图 pages/contact.blade.php
@extends('layout') @section('content') <h1 id="Contact-Me">Contact Me!</h1> @stop
Check it out!
在布局文件中我们可以添加多个 @yield , 比如在 layout.blade.php 中添加 @yield('footer') :
<!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>
比如 contact.blade.php 中有一段脚本,就可以放在这个段中。
@extends('layout') @section('content') <h1 id="Contact-Me">Contact Me!</h1> @stop @section('footer') <script> alert('Contact from scritp') </script> @stop
访问contact会有对话框,而about仍然是普通显示
使用 @if 进行判断
@extends('layout') @section('content') @if ($first = 'Zhang') <h1 id="Hello-Zhang">Hello, Zhang</h1> @else <h1 id="Hello-nobody">Hello, nobody</h1> @endif @stop
也可以视同 @unless 等同于 if !, 还有 @foreach 等。
public function about() { $people = [ 'zhang san', 'li si', 'wang wu' ]; return view('pages.about', compact('people')); } @extends('layout') @section('content') <h1 id="Person">Person:</h1> <ul> @foreach($people as $person) <li>{{ $person }}</li> @endforeach </ul> @stop
有一种情况,数据可能来自数据库,集合可能是空,像是这样:
复制代码 代码如下:
$people = [];
处理这种情况,请添加 @if 处理
@extends('layout') @section('content') @if (count($people)) <h1 id="Person">Person:</h1> <ul> @foreach($people as $person) <li>{{ $person }}</li> @endforeach </ul> @endif <h2 id="Other-info">Other info</h2> @stop
That's better.
以上所述就是本文的全部内容了,希望能够对大家学习Laravel5有所帮助。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

Atom編輯器mac版下載
最受歡迎的的開源編輯器

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Dreamweaver CS6
視覺化網頁開發工具