Laravel継承の使い方-Laravel-php.cn

Laravel継承の使い方

WBOY

リリース： 2023-05-26 18:35:09

オリジナル

638 人が閲覧しました

Laravel は、高品質のアプリケーションを迅速に開発するのに役立つ多くの便利な機能とツールを提供する人気のある Web アプリケーションフレームワークです。これらの機能とツールを使用すると、開発者は Web アプリケーションを迅速に作成して保守できるようになります。 Laravel の重要な機能はビューの継承です。

ビューの継承は、Laravel の Web アプリケーション開発にとって非常に便利な機能であり、複数のビュー間で同じビューレイアウトとコードブロックを共有できるようになります。この機能により、冗長なコードが削減され、コードの再利用性が向上すると同時に、開発者のコーディング作業も容易になります。

この記事では、Laravelでのビュー継承の使い方を詳しく紹介します。

ステップ 1: メインビューファイルを作成する

まず、メインビューテンプレートを作成し、テンプレート上で共有レイアウトとコードブロックを定義する必要があります。 Laravel アプリケーションでは、メインビューファイルは通常、以下に示すように、layout.blade.php という名前になります。

<!DOCTYPE html>
<html>
  <head>
    <title>@yield('title')</title>
  </head>
  <body>
    <div class="container">
      @yield('content')
    </div>
  </body>
</html>

ログイン後にコピー

このコードでは、共通のページコンテナを含む HTML レイアウトを定義します。このコンテナは配置場所です。コンテンツをサブビューとしてメインテンプレートに渡します。

さらに、Laravel の @yield ディレクティブを使用して、サブビュー内で置換できるプレースホルダーを定義しました。たとえば、 @yield('title') はサブビューのタイトルに置き換えられます。

ステップ 2: サブビューファイルを作成する

次に、レイアウトとコードブロックを共有するために、メインビューにサブビューファイルを埋め込む必要があります。 Laravel では、@extend ディレクティブを使用して基本レイアウトを継承できます。例:

@extends('layout')

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

@section('content')
  <p>This is my page content.</p>
@endsection

ログイン後にコピー

このコードスニペットでは、@extends ディレクティブを使用して、layout.blade.php レイアウトテンプレートを明示的に継承します。次に、@section ディレクティブと @endsection ディレクティブを使用して、メインレイアウトに挿入されるサブビューコンテンツを定義します。

@section ディレクティブは、コードブロックを定義し、コードブロックの名前を定義します。このコードブロックは、コンテンツを配置するメインレイアウトなど、他の場所で使用できます。より完全な例を次に示します。

@extends('layout')

<!-- 定义页面标题 -->
@section('title', 'Page Title')

<!-- 子视图片段内容 -->
@section('content')
    <p>This is my page content.</p>
@endsection

<!-- 子视图片段，显示在顶部 -->
@section('header')
    <h1>Welcome to my Site</h1>
    <nav>
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
        </ul>
    </nav>
@endsection

<!-- 子视图片段，显示在底部 -->
@section('footer')
    <p>© 2021 My Site</p>
@endsection

ログイン後にコピー

この例では、@section ディレクティブで始まる 3 つのコードブロック (タイトル、コンテンツ、ヘッダー、およびフッター) を定義します。必要に応じて、これらのコードブロックで必要なものをすべて定義できます。

ビューがレンダリングされると、これらの命令が処理され、対応するプレースホルダーが対応するコンテンツに置き換えられます。

最後に、メインビューを通じてページ全体をレンダリングできるように、サブビューファイルをビューレンダラーに渡す必要があります。 Laravel でビュー関数を使用すると、レンダリングされたビュー名と代表ビューのデータを渡すことができます。