shop_admin PHP技术技术分享 2024-07-30

extends,includes,yield,section，这些blade模板里面的标签分别怎么用？extends,includes有什么区别？yield,section有什么区别？

在Laravel框架中，Blade模板引擎提供了一种非常优雅的方式来编写视图。你提到的extends、includes、@yield、@section和@stop/@endsection是Blade模板中常用的指令，它们各自有不同的用途。

@extends用于指定当前视图继承自另一个视图（通常称为布局或母版视图）。这允许你定义网站或应用的基础HTML结构（如头部、导航栏和页脚），然后在不同的视图中填充内容。

用法示例：

@extends('layouts.app')  
  
@section('content')  
    <!-- 页面特定内容 -->  
@endsection

@include用于在当前视图中包含一个其他视图的内容。这通常用于复用页面片段，如侧边栏、导航链接等。

用法示例：

<div class="sidebar">  
    @include('partials.sidebar')  
</div>

区别：

@yield通常与@extends一起使用，在布局文件中指定一个或多个内容区域，这些区域将被子视图中的相应@section填充。但是，直接在你的子视图中使用@yield是不常见的，因为@yield更多地是在布局文件中用来定义插槽（slot）。

布局文件中使用@yield示例：

<!DOCTYPE html>  
<html>  
<head>  
    <title>App Name - @yield('title')</title>  
</head>  
<body>  
    @yield('content')  
</body>  
</html>

@section和@endsection用于在子视图中定义要传递到布局视图的内容块。这些内容块将填充布局文件中通过@yield指定的插槽。

子视图中使用@section和@endsection示例：

@extends('layouts.app')  
  
@section('title', '页面标题')  
  
@section('content')  
    <!-- 页面特定内容 -->  
@endsection

注意： @yield本身不直接在子视图中使用，而是在布局文件中定义内容插槽。@section和@endsection在子视图中定义要填充到这些插槽的内容。

分享到：