Blade模板怎么在Laravel框架中使用?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
1. 继承、片段、占位、组件、插槽
1.1 继承
1.1.1 定义父模板
Laravel/resources/views/base.blade.php
1.1.2 子模板继承
路径:Laravel/resources/views/child.blade.php
@extends('base')
1.2 片段
1.2.1 父模板定义片段
@section('part')
// 中间内容即使一个片段
@show
1.2.2 子模板填充片段
@section('part')
片段填充内容
@endsection
1.3 占位
1.3.1 父模板占位:
@yield('title')
1.3.2 子模板填充占位
第一种填充(文本):
@section('title' , '填充的文本占位')
第二种填充(文本 or html)
@section('title')
填充的占位
@endsection
1.4 组件、插槽
1.4.1 定义组件
路径:Laravel/resources/views/component.blade.php
<div class='component'>
<!-- $title,$content 变量实际上就是预定义的插槽 -->
<div class='title'>{{ $title }}</div>
<div class='content'>{{ $content }}</div>
</div>
1.4.2 使用组件
路径:Laravel/resources/views/test.blade.php
@component('component')
@slot('title')
组件标题
@endsolt
@slot('content')
组件内容
@endslot
@endcomponent
2. 数据显示
2.1 转义输出
{{ $name }}
2.2 未转义输出
{!! $name !!}
2.3 原格式输出
第一种(适合量不多):
@{{ name }}
第二种(适合量多):
@verbatim
{{ name }}
{{ sex }}
{{ age }}
@endverbatim
3. 流程控制
3.1 for
注意:
没有 $loop 变量
没有 @empty
有 @break
有 @continue
@for ($i = 0; $i < 10; ++$i)
{{ $i }} <br />
@endfor
3.2 foreach
注意:
有 $loop 变量
没有 @empty
有 @break
有 @continue
@foreach ($data as $k => $v)
{{ $k }} <br />
@endforeach
3.3 forelse
注意:
有 $loop 变量
必须有 @empty
有 @break
有 @continue
@foreach ($data as $k => $v)
{{ $k }} <br />
@empty
数组没有数据
@endforeach
4. 使用原生 PHP
@php
echo "使用原生 PHP";
@endphp
5. 包含子视图
注意
被包含的子视图可以引用父视图定义的所有变量。
你可以传递额外的数据到子视图
定义父视图 parent.blade.php,并包含子视图 child.blade.php,且传入额外数据
/**
* 父视图
* 父视图拥有变量 $name = 'chenxuelong'
*/
<div class='parent'>
<div class='username'>{{ $username }}</div>
<div class='child'>
<!-- 包含子视图 -->
@include('child' , [
'other' => '额外数据'
])
</div>
</div>
/**
* 子视图
*/
<div class='username'>{{ $username }}</div>
<div class='other'>{{ $other }}</div>
关于Blade模板怎么在Laravel框架中使用问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。