Laravel 5框架學(xué)習(xí)之Blade 簡介
在多個頁面中我們可能包含相同的內(nèi)容,像是文件頭,鏈接的css或者js等。我們可以利用布局文件完成這個功能。
讓我們新建一個布局文件,例如 views/layout.blade.php
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" >
</head>
<body>
<div class="container">
@yield('content')
</div>
</body>
</html>
我們創(chuàng)建了不解的結(jié)構(gòu),引入了bootstrap,注意 @yield 是blade的布局占位符,未來我們的頁面內(nèi)容將填充到這里,修改 about.blade.php
@extends('layout')
@section('content')
<h1>About {{ $first }} {{ $last }}</h1>
@stop
上面的代碼表示我們使用布局文件 layout.blade.php, 然后在 content 段中添加內(nèi)容。
在 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>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" >
</head>
<body>
<div class="container">
@yield('content')
</div>
@yield('footer')
</body>
</html>
比如 contact.blade.php 中有一段腳本,就可以放在這個段中。
@extends('layout')
@section('content')
<h1>Contact Me!</h1>
@stop
@section('footer')
<script>
alert('Contact from scritp')
</script>
@stop
訪問contact會有對話框,而about仍然是普通顯示
使用 @if 進(jìn)行判斷
@extends('layout')
@section('content')
@if ($first = 'Zhang')
<h1>Hello, Zhang</h1>
@else
<h1>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>Person:</h1>
<ul>
@foreach($people as $person)
<li>{{ $person }}</li>
@endforeach
</ul>
@stop
有一種情況,數(shù)據(jù)可能來自數(shù)據(jù)庫,集合可能是空,像是這樣:
$people = [];
處理這種情況,請?zhí)砑?@if 處理
@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
That's better.
以上所述就是本文的全部內(nèi)容了,希望能夠?qū)Υ蠹覍W(xué)習(xí)Laravel5有所幫助。
- Laravel 5.1 框架Blade模板引擎用法實(shí)例分析
- Laravel實(shí)現(xiàn)通過blade模板引擎渲染視圖
- Laravel中的Blade模板引擎示例詳解
- Laravel模板引擎Blade中section的一些標(biāo)簽的區(qū)別介紹
- Laravel框架中Blade模板的用法示例
- Laravel框架之blade模板新手入門教程及小技巧
- 解決Laravel blade模板轉(zhuǎn)義html標(biāo)簽的問題
- 在Laravel 的 Blade 模版中實(shí)現(xiàn)定義變量
- Laravel 實(shí)現(xiàn)在Blade模版中使用全局變量代替路徑的例子
- laravel框架實(shí)現(xiàn)為 Blade 模板引擎添加新文件擴(kuò)展名操作示例
相關(guān)文章
Yii2框架數(shù)據(jù)驗(yàn)證操作實(shí)例詳解
這篇文章主要介紹了Yii2框架數(shù)據(jù)驗(yàn)證操作,結(jié)合實(shí)例形式詳細(xì)分析了Yii框架常見數(shù)據(jù)驗(yàn)證操作的原理、實(shí)現(xiàn)方法及相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
PhpStorm 2020.3:新增開箱即用的PHP 8屬性(推薦)
這篇文章主要介紹了PhpStorm 2020.3:新增開箱即用的PHP 8屬性的相關(guān)資料,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-10-10

