微客导航 » 文章资讯 » Laravel实现通过blade模板引擎渲染视图

Laravel实现通过blade模板引擎渲染视图

2023-08-10 10:11:04 97

laravel提供了blade模板引擎用于视图的渲染，在blade中可以直接使用PHP代码，并且blade最终也会被编译为php缓存起来，只有在blade文件被修改后才会重新编译，这一点可以节省开销提高应用性能。blade文件.blade.php作为视图文件存放于laravel的resource/views目录下。

1、定义模板

blade定义模板页面同创建html页面一样，只不过在适当的位置通过@section或@yield来占位，当其它页面引用模板页时将内容填充到占位的位置即可



@yield('title')



@section('header')
这是头部

@show



这是侧边栏
@yield('aside')


@section('content')
这是主体内容
@show

这是底部 @yield('footer')

section与yield都是占位符，其区别体现在引用模板时，当使用yield时会完全将指定的占位符替换掉，而使用section时可以通过@parent来保留@section()~@show之间的内容。

如果需要在blade中引入外部js、css文件可以采用相对public目录的绝对路径，例如引入自带的bootstrap，位于public/css/app.css，可以

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：


{{$title}}
{{$slot}}

在页面中使用该组件：

@component('template.alert'){{--引入组件views/template/alert.blade.php--}}
@slot('title'){{--指定替代组件中的$title位置--}}
alert标题
@endslot
alert组件内容
@endcomponent

@component~@endcomponent之间的内容会自动替代组件{{$slot}}，如果要指定替代的位置，可以通过@slot()~@endslot

引入子视图：在一个页面中如果希望引入一个blade子视图，可以通过@include()

@include('template.child')

在blade中输出变量通过{{$var}}，其中的语句已经经过PHP的htmlentities函数处理以避免XSS攻击。例如在controller中引入view时传入变量参数：

publicstaticfunctionshowBlade(){
returnview('Login.login',['var'=>'test']);
}

在blade中使用该变量

变量为：{{isset($var)?$var:'默认值'}}

有时候我们希望blade不要对文本进行解析，原样输出，比如在vue中也使用{{}}包裹变量，我们不希望blade对其进行编译，这时可以使用@：

原文本输出：@{{$var}}

3、流程控制

blade提供了一套流程控制语句来对页面的渲染进行控制，使页面的渲染更为快捷，并且这些控制语句都是和PHP非常类似的。

if判断：

@if($val>80)
优秀
@elseif($val>60)
及格
@else
不及格
@endif

循环：

@for($i=0;$i<10;$i++)
Thecurrentvalueis{{$i}}
@endfor

@foreach($usersas$user)
Thisisuser{{$user->id}}
@endforeach

switch分支：

@switch($i)
@case(1)
Firstcase...
@break

@case(2)
Secondcase...
@break

@default
Defaultcase...
@endswitch

认证：@auth和@guest指令可用于快速判断当前用户是否登录：

@auth
//用户已登录...
@endauth

@guest
//用户未登录...
@endguest

以上这篇Laravel实现通过blade模板引擎渲染视图就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

Laravel实现通过blade模板引擎渲染视图

{{$title}}

热门推荐

随机推荐