Laravel 五 基础（四）- Blade 简介
- WBOY原创
- 2016-06-13 12:17:17854浏览
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.
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn