laravel提供了blade模板引擎用于视图的渲染,在blade中可以直接使用PHP代码,并且blade最终也会被编译为php缓存起来,只有在blade文件被修改后才会重新编译,这一点可以节省开销提高应用性能。blade文件.blade.php作为视图文件存放于laravel的resource/views目录下。
1、定义模板
blade定义模板页面同创建html页面一样,只不过在适当的位置通过@section或@yield来占位,当其它页面引用模板页时将内容填充到占位的位置即可
<html> <head> <title>@yield('title')</title> </head> <body> <header class="header"> @section('header') 这是头部<br> @show </header> <div class="middle"> <aside class="aside"> 这是侧边栏 @yield('aside') </aside> <div class="content"> @section('content') 这是主体内容 @show </div> </div> <footer class="footer"> 这是底部 @yield('footer') </footer> </body> </html>
section与yield都是占位符,其区别体现在引用模板时,当使用yield时会完全将指定的占位符替换掉,而使用section时可以通过@parent来保留@section()~@show之间的内容。
如果需要在blade中引入外部js、css文件可以采用相对public目录的绝对路径,例如引入自带的bootstrap,位于public/css/app.css,可以<link rel="stylesheet" href="{{ asset('./css/app.css')}}" rel="external nofollow" >
2、引用模板
引用模板首先需要通过@extends()引入你需要使用的模板,模板位置相对于views目录。然后通过@section()~@stop(注意与定义模板时的@section~@show区别),将你所需要替换的内容填充到模板的指定位置,例如要填充header对应的section:
@extends('template.layout') {{--引入模板views/template/layout.blade.php--}} @section('title') 登录界面 @stop @section('header') {{--填充到header对应的占位符--}} @parent {{--保留模板原内容--}} 头部替换内容 @stop
引入组件:通过@component来引入组件模板。比如定义了一个通用的错误提示组件alert:
<div style="color: #ff5b5d;"> <h5>{{$title}}</h5> {{$slot}} </div>
在页面中使用该组件:
@component('template.alert') {{--引入组件views/template/alert.blade.php--}} @slot('title') {{--指定替代组件中的$title位置--}} alert标题 @endslot alert组件内容 @endcomponent
@component~@endcomponent之间的内容会自动替代组件{{$slot}},如果要指定替代的位置,可以通过@slot()~@endslot