Laravel 模版集成与包含以及引用

冷不防 2021-11-23 11:04 118阅读 0赞

在一个项目中有许多模板文件，它们有一个特点：拥有共同的头部 ，左边部分，脚部内容

为了避免相同代码重复开发、维护 造成工作效率低下

可以把共同的头部，左边部分和脚部内容集中到一个布局文件中，之后各个具体模板文件去继承该布局文件而使用头部和脚步内容。这个过程成为模板继承。

布局文件中相同的代码只维护一份，会大大提升项目开发效率

1：首先在 laravel resources/view自定义文件夹创建一个公用模板

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>
          {
       {--标题内容区域--}}
          @yield('title')
        </title>
    </head>
    <body>
        <div style="background:red">我是头部</div>
        
        @yield('content')
        <div style="background:green">我是底部</div>
    </body>
    </html>
    
    //注：模板文件中不确定的内容用@yield(‘占位标志xxx’)临时占位，在继承文件中用@section(‘占位标志xxx’,’真实内容’）完善补充

实现继承：

@extends(‘laoyouts.home’) 
    #表示继承resource/views/layouts/home.blade.php布局文件
    
    使用section标签替换布局模板中可变区域；
    
    @section(‘content’)
    
    给布局文件yield(‘content ‘)的区域进行填充的内容
    
    @endsection

@extends('public.layout')
    
    @section('title','我是ext1模板')
    
    @section('content')
      <div style="background:blue;">我是内容区域</div>
    @endsection

模板包含 :

@include(‘app.header’)       \# header 表示在views/app/header.blade.php文件