Laravel Blade模板继承与复用

发布时间：2024-11-22 19:37:45 作者：小樊
来源：亿速云阅读：78

Laravel Blade模板继承和复用是提高代码可维护性和减少重复代码的重要方法。在Laravel中，我们可以使用Blade的@extends和@section指令来实现模板继承和复用。

模板继承

模板继承允许我们创建一个基本布局文件（通常称为layouts.blade.php），其中包含所有页面共享的结构和元素。然后，我们可以创建其他Blade模板文件，它们扩展基本布局并覆盖或添加特定于页面的内容。

首先，在resources/views/layouts目录下创建一个基本布局文件layouts.blade.php：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('title', 'Default Title')</title>
</head>
<body>
    <header>
        @include('partials.header')
    </header>

    <main>
        @yield('content')
    </main>

    <footer>
        @include('partials.footer')
    </footer>
</body>
</html>

接下来，创建一个扩展基本布局的页面模板文件，例如resources/views/pages/home.blade.php：

@extends('layouts.blade.php')

@section('title', 'Home Page')

@section('content')
    <h1>Welcome to the Home Page</h1>
    <p>This is the home page content.</p>
@endsection

在这个例子中，home.blade.php扩展了layouts.blade.php并覆盖了title和content部分。

模板复用

模板复用是指在一个模板文件中定义一个可重用的代码片段，然后在其他模板文件中引用它。在Laravel中，我们可以使用@include指令来实现模板复用。

首先，在resources/views/partials目录下创建一个包含可重用代码片段的文件，例如header.blade.php：

<header>
    <nav>
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
        </ul>
    </nav>
</header>

然后，在其他模板文件中引用这个可重用的代码片段，例如在layouts.blade.php中：

<header>
    @include('partials.header')
</header>

这样，我们就可以在多个模板文件中复用header.blade.php中的代码，而无需在每个页面中重复编写相同的代码。

Laravel Blade模板继承与复用

相关阅读