Laravel 5 基础(四)- Blade 简介
程序员文章站
2022-04-10 23:05:25
...
在多个页面中我们可能包含相同的内容,像是文件头,链接的css或者js等。我们可以利用布局文件完成这个功能。
让我们新建一个布局文件,例如 views/layout.blade.php
Document
@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')
:
Document
@yield('content')
@yield('footer')
比如 contact.blade.php
中有一段脚本,就可以放在这个段中。
@extends('layout')
@section('content')
Contact Me!
@stop
@section('footer')
@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.
以上就介绍了Laravel 5 基础(四)- Blade 简介,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。
上一篇: 在JS中如何实现通过拖拽改变物体大小
推荐阅读