Laravel Blade模板继承

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

Laravel Blade模板继承是一种强大的功能，它允许你创建一个基本布局文件，然后在其他视图文件中扩展和重用这些布局。这样可以减少代码重复，提高代码的可维护性。

要在Laravel中使用模板继承，请按照以下步骤操作：

创建基本布局文件：

在resources/views目录下，创建一个名为layouts的文件夹。在此文件夹中，创建一个名为app.blade.php的文件，这将是你的基本布局文件。

<!-- resources/views/layouts/app.blade.php -->

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('title', 'Laravel Blade Template')</title>
</head>
<body>
    <div id="app">
        @yield('content')
    </div>
</body>
</html>

在这个布局文件中，我们使用@yield指令来定义两个占位符：title和content。这些占位符将在子视图中填充具体内容。

创建子视图文件：

现在，你可以创建子视图文件并在其中扩展基本布局。在resources/views目录下，创建一个名为pages的文件夹。在此文件夹中，创建一个名为home.blade.php的文件，这将是你的子视图文件。

<!-- resources/views/pages/home.blade.php -->

@extends('layouts.app')

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

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

在这个子视图中，我们使用@extends指令来指定要继承的基本布局文件（layouts.app）。然后，我们使用@section指令来定义两个子视图部分：title和content。这些部分将覆盖基本布局中的相应占位符。

在控制器中使用子视图：

要在控制器中使用子视图，请创建一个新的控制器或在现有控制器中修改render方法。例如，你可以在HomeController中创建一个名为index的方法，如下所示：

// app/Http/Controllers/HomeController.php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
    public function index()
    {
        return view('pages.home');
    }
}

现在，当你访问/home路由时，Laravel将使用HomeController中的index方法，并将pages.home子视图渲染到基本布局中。

这就是Laravel Blade模板继承的基本概念。你可以根据需要创建更多的子视图，并在其中扩展基本布局。这样，你可以轻松地重用代码并保持代码的可维护性。

Laravel Blade模板继承

相关阅读