From: https://www.imooc.com/video/12509 php
Blade视图页面 --> 编译 --> 原生PHP --> 并缓存起来。css
既然是个模板:通用的“头部”和“尾部”。html
section, yield, extends, parent四个关键字。缓存
[resources/views/layouts.blade.php]app
@sectionless
定义视图片断。ide
@yield函数
相似占位符,显示某个制定section所表明的内容。用子模板去实现它。布局
不可扩展。只是声明了一个视图片断。ui
Route --> Controller --> template for view.
[1] 路由
Route::any('section1', ['uses' => 'StudentController@section1']);
[2] 控制器
public function section1() { return view('student.section1'); // 渲染模板 }
student/section1能够;student.section1也能够,但推荐后者。
[3] 视图 加载布局
新建 resources/views/student/section1.blade.php
Jeff: 这里,视图继承了layouts的内容。
@extends('layouts')
这样,便加载了默认 resources/views 下的 layouts.blade.php。
先经过 @extends 继承父模板主体。
其实就是“重写布局”局部内容。
[1] yield与section的区别?
** 初步理解:
- @yield() 能够理解为一个占位符。
- @section('head') 表示一个存储区域,这个区域内定义的内容,在子模板中能够经过 @parent 进行调用。
** 不能被扩展如何理解:
@yield 不能被扩展,因此即便加上了 @parent 也不起做用,输出的内容只有“新的标题”,替换了“默认的标题”。
@section 定义的部分,因为使用了 @parent 关键字,父模板中的内容会被保留,而后再扩展后添加的内容进去。
[2] @section ... @stop ... @show ... @endsection
Ref: Laravel5.4初试-@yield @section @show @stop @append标签区别
Ref: Blade 模板中有关 section 的那些事【这才是原文】
** @endsection
这个在 4.0 版本中已经被移除,虽然向下兼容,可是不建议使用
** @show 与 @stop
@show 指的是执行到此处时将该 section 中的内容输出到页面,
@stop 则只是进行内容解析,而且再也不处理当前模板中后续对该section的处理,除非用 @override覆盖(详见下一部分)。
一般来讲,在首次定义某个 section 的时候,应该用 @show;而在替换它或者扩展它的时候,不该该用 @show,应该用 @stop。
{{-- layout.master --}} <div id="zoneA">
@section('zoneA') AAA @show </div> <div id="zoneB"> @section('zoneB') BBB @stop </div> <div id="zoneC"> @section('zoneC') CCC @show </div> ---------------------------------------------------
代码以下: {{-- page.view --}} @extends('layout.master') @section('zoneA') aaa @stop @section('zoneB') bbb @stop @section('zoneC') ccc @show
最终显示结果:
从结果能够看到,zoneB 的内容丢失,由于没有用 @show 告诉引擎输出这部分的内容,而 zoneC 的内容会显示两次,而且还破坏了 layout.master 的页面结构,由于 @show 出现了两次。
ccc // 来自 page.view <div class="zoneA"> aaa </div> <div class="zoneB"> </div> <div class="zoneC"> ccc </div>
一个理解:
@section('content') <h1>Test</h1> @show
is equivalent to @section('content') <h1>Test</h1> @stop @yield('content')
Controller中定义了一个变量:
public function section1() { $name = 'sean‘ ; return view('student.section1', [ 'name' => $name ]); }
view的模板文件 [resources/views/student/section1.blade.php]:
@section('content') content <p>{{ $name }} </p>
@stop
效果以下:
[1] 视图中使用代码以下:
其中最后同样的or写法是上一行三元表达式的替代写法在blade中。
[2] 控制器中定义变量。
public function section1() { $name = 'sean‘;
$arr = ['sean', 'imooc'];
return view('student.section1', [ 'name' => $name,
'arr' => $arr, ]); }
<p>@{{ $name }}</p>
模板的注释在解析后的html中是看不到的。
<!-- 一二三 --> # php注释
{{-- 四五六 --}} # 模板注释,用于比较隐私的注释方法
引入子视图,不是都须要,但用的地方也很多。
[1] Create sub-view as common1.blade.php
[2] sub-view,至关于 "将被调用" 的子函数。
<p> 我是include {{ $message }}</p>
[3] main-view 调用 sub-view 以下。
@include('student.common1', ['message' => '我是错误信息'])
这里,调用了student目录下的common1.blade.php,并给参数message传入了一个值:'我是错误信息'
有点占位符的意思。
[1] 视图中可使用if foreach等。
<br> @if ($name == 'sean') I'm sean @elseif ($name == 'imooc') I'm imooc @else Who am I? @endif
<br>
@If (in_array($name, $arr))
true
@else
false
@endif
[2] unless 至关于 if 取反。
<br> @unless($name == 'sean') I'm sean @endunless
方法一
<br> @for ($i = 0; $i < 10; $i++) <p>{{ $i }}</p> #endfor
方法二 <br> @foreach($students as $student) <p>{{ $student->name }}</p> @endforeach
方法三
<br>
@forelse($students as $student) <p>{{ $student->name }}</p> @empty
<p>null</p>
@endforelse
[1] 路由
[app/Http/routes.php]
Route::any('url', ['as' => 'url', 'uses' => 'StudentController@urlTest']);
[2] 路由 --> 控制函数
[app/Http/Controllers/StudentController.php]
public function urlTest() { return 'urlTest'; }
在此,section1中添加一个连接:url()
看上去,貌似如下三个调用的分别是Route的那行代码的三个不一样的部分。
方式一
<a href="{{ url('url') }}">url()</a>
方式二
<a href="{{ action('StudentController@urlTest') }}">action()</a> # 写得太长
方式三
<a href="{{ route('url') }}">route()</a>
添加后效果: