라라벨 상속을 사용하는 방법-Laravel-php.cn

라라벨 상속을 사용하는 방법

WBOY

풀어 주다： 2023-05-26 18:35:09

원래의

631명이 탐색했습니다.

Laravel은 고품질 애플리케이션을 빠르게 개발하는 데 도움이 되는 다양한 편리한 기능과 도구를 제공하는 인기 있는 웹 애플리케이션 프레임워크입니다. 이러한 기능과 도구를 통해 개발자는 웹 애플리케이션을 신속하게 만들고 유지 관리할 수 있습니다. Laravel의 중요한 기능은 뷰 상속입니다.

뷰 상속은 여러 뷰에서 동일한 뷰 레이아웃과 코드 블록을 공유하기 위해 웹 애플리케이션 개발을 위한 Laravel의 매우 유용한 기능입니다. 이 기능은 중복 코드를 줄이고 코드 재사용성을 높이는 동시에 개발자의 코딩 작업을 용이하게 할 수 있습니다.

이 글에서는 Laravel에서 뷰 상속을 사용하는 방법을 자세히 소개합니다.

1단계: 메인 뷰 파일 생성

먼저 메인 뷰 템플릿을 생성하고 템플릿에 공유 레이아웃과 코드 블록을 정의해야 합니다. Laravel 애플리케이션에서 메인 뷰 파일의 이름은 일반적으로 아래와 같이 레이아웃.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 지시문으로 시작하는 제목, 내용, 머리글 및 바닥글의 세 가지 코드 블록을 정의합니다. 필요에 따라 이러한 코드 블록에 필요한 모든 것을 정의할 수 있습니다.

뷰가 렌더링되면 이러한 지침이 처리되고 해당 자리 표시자가 해당 콘텐츠로 대체됩니다.

마지막으로, 메인 뷰를 통해 전체 페이지를 렌더링할 수 있도록 하위 뷰 파일을 뷰 렌더러에 전달해야 합니다. 보기 함수는 렌더링된 보기 이름과 보기에 표시된 데이터를 전달하기 위해 Laravel에서 사용할 수 있습니다: