Laravel 5框架学习之Blade 简介
程序员文章站
2022-04-20 22:33:14
在多个页面中我们可能包含相同的内容，像是文件头，链接的css或者js等。我们可以利用布局文件完成这个功能。
让我们新建一个布局文件，例如 views/layout.bla...
在多个页面中我们可能包含相同的内容，像是文件头，链接的css或者js等。我们可以利用布局文件完成这个功能。
让我们新建一个布局文件，例如 views/layout.blade.php
<!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>
我们创建了不解的结构，引入了bootstrap，注意 @yield 是blade的布局占位符，未来我们的页面内容将填充到这里，修改 about.blade.php
@extends('layout')
@section('content')
<h1>about {{ $first }} {{ $last }}</h1>
@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')
<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" 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>
比如 contact.blade.php 中有一段脚本，就可以放在这个段中。
@extends('layout')
@section('content')
<h1>contact me!</h1>
@stop
@section('footer')
<script>
alert('contact from scritp')
</script>
@stop
访问contact会有对话框，而about仍然是普通显示
使用 @if 进行判断
@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
有一种情况，数据可能来自数据库，集合可能是空，像是这样：
复制代码 代码如下:
$people = [];
处理这种情况，请添加 @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.
以上所述就是本文的全部内容了，希望能够对大家学习laravel5有所帮助。
上一篇： Laravel 5框架学习之向视图传送数据(进阶篇)
下一篇： php生成圆角图片的方法