Laravel 5框架学习之Blade 简介

本文给大家带来的是Laravel5框架学习系列文章的第4篇，主要向大家简单介绍下Blade,为什么要介绍它呢，因为laravel的模版引擎采用了blade模版引擎，so....

在多个页面中我们可能包含相同的内容，像是文件头，链接的css或者js等。我们可以利用布局文件完成这个功能。

让我们新建一个布局文件，例如 views/layout.blade.php

@yield('content')

我们创建了不解的结构，引入了bootstrap，注意 @yield 是blade的布局占位符，，未来我们的页面内容将填充到这里，修改 about.blade.php

@extends('layout') @section('content')

About {{ $first }} {{ $last }}

@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')

Contact Me!

@stop

Check it out!

在布局文件中我们可以添加多个 @yield , 比如在 layout.blade.php 中添加 @yield('footer') ：

@yield('content')

@yield('footer')

比如 contact.blade.php 中有一段脚本，就可以放在这个段中。

@extends('layout') @section('content')

Contact Me!

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

访问contact会有对话框，而about仍然是普通显示

使用 @if 进行判断

@extends('layout') @section('content') @if ($first = 'Zhang')

Hello, Zhang

@else

Hello, nobody

@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')

Person:

@foreach($people as $person)
• {{ $person }}
@endforeach

@stop

有一种情况，数据可能来自数据库，集合可能是空，像是这样：

复制代码 代码如下:

$people = [];

处理这种情况，请添加 @if 处理

@extends('layout') @section('content') @if (count($people))

Person:

@foreach($people as $person)
• {{ $person }}
@endforeach

@endif

Other info

@stop

That's better.

以上所述就是本文的全部内容了，希望能够对大家学习Laravel5有所帮助。