本文共 1069 字，大约阅读时间需要 3 分钟。

一、简介

• 当一个页面的 头部 跟 尾部 完全一样，只要中间内容不一致，这个时候需要用到一个头尾公共的模板，然后其他页面多继承于这个公共模板编写中间内容部分即可。

• 模板继承格式

  // components 表示在 views 下面的 components 文件夹// main 表示在 views/components/main.blade.php 文件@extends('components.main')

二、简单继承使用

• 新建一个 main.blade.php 作为公共视图文件

    @include('components.header')  页面内容  @include('components.footer')

• 然后新建 header.blade.php 与 footer.blade.php 文件

       
        我是头部
       

       
        我是尾部
       

  

• 然后使用 index.blade.php 继承 main.blade.php 文件

  

  

三、@yield 占位符，@section 输出符

• 根据页面需求自定义公共模板中的内容，例如：页面内容，上面之前是写死内容，现在需要每个页面显示不同类容。

• main.blade.php 文件

    
         
         
         {
      {-- 自定义标题 --}}    {
      {-- 自定义CSS --}}  @yield('css')  @include('components.header')  {
      {-- 自定义中间内容 --}}  @yield('content')  @include('components.footer')  {
      {-- 自定义JS --}}  @yield('js')

• index.blade.php 文件

  {
      {-- 继承 --}}@extends('components.main'){
      {-- 用法一：单标签 --}}@section('title', 'DzmTest'){
      {-- 用法二：双标签 --}}@section('content')    
       
        我是页面内容
       
  @endsection{
      {-- css --}}@section('css')    @endsection{
      {-- js --}}@section('js')    @endsection

• Demo效果

  

转载地址：https://blog.csdn.net/zz00008888/article/details/115179869 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！