Laravel 5框架学习之Blade 简介，laravelblade
在多个页面中我们可能包含相同的内容，像是文件头，链接的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 id="About-first-last">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 id="Contact-Me">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 id="Contact-Me">Contact Me!</h1>
@stop
@section('footer')
<script>
alert('Contact from scritp')
</script>
@stop
访问contact会有对话框，而about仍然是普通显示
使用 @if 进行判断
@extends('layout')
@section('content')
@if ($first = 'Zhang')
<h1 id="Hello-Zhang">Hello, Zhang</h1>
@else
<h1 id="Hello-nobody">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 id="Person">Person:</h1>
<ul>
@foreach($people as $person)
<li>{{ $person }}</li>
@endforeach
</ul>
@stop
有一种情况，数据可能来自数据库，集合可能是空，像是这样：
复制代码 代码如下:
$people = [];
处理这种情况，请添加 @if 处理
@extends('layout')
@section('content')
@if (count($people))
<h1 id="Person">Person:</h1>
<ul>
@foreach($people as $person)
<li>{{ $person }}</li>
@endforeach
</ul>
@endif
<h2 id="Other-info">Other info</h2>
@stop
That's better.
以上所述就是本文的全部内容了，希望能够对大家学习Laravel5有所帮助。
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.
SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.
MantisBT
Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.
SublimeText3 Chinese version
Chinese version, very easy to use
WebStorm Mac version
Useful JavaScript development tools
