Home >Backend Development >PHP Tutorial >Laravel 五 基础（四）- Blade 简介
Laravel 五 基础（四）- Blade 简介
- WBOYOriginal
- 2016-06-13 12:17:17854browse
Laravel 5 基础（四）- Blade 简介
在多个页面中我们可能包含相同的内容，像是文件头，链接的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', '[email protected]');Route::get('contact', '[email protected]');</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.
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：php isset( $test ) 的神奇之处Next article：关于smarty引入模板后显示的有关问题