Laravel 템플릿 엔진 Blade_php 팁의 일부 섹션 태그 간의 차이점 소개

Laravel 프레임워크의 Blade 템플릿 엔진은 사용하기 매우 쉽지만, 공식 문서에 Blade에 대한 소개가 자세히 나와 있지 않고, 적혀 있지 않은 부분도 있고, 명확하게 설명되어 있지 않은 부분도 있습니다. 예를 들어, 사용 중에 다음과 같은 문제가 발생할 수 있습니다.

1. @yield와 @section은 모두 교체 가능한 블록을 미리 정의할 수 있습니다. 둘의 차이점은 무엇인가요?
2.@section은 @show, @stop, @overwrite 및 @append로 끝날 수 있습니다. 이 세 가지의 차이점은 무엇인가요?

이 기사에서는 이러한 문제에 대해 비교적 간단하면서도 직관적으로 소개하려고 합니다.

@yield 및 @section

먼저 @yield는 확장이 불가능합니다. 정의하려는 부분에 하위 템플릿을 확장할 기본 내용이 없으면 @yield($name, $default)를 사용하는 것이 더 편리합니다. 하위 템플릿에 있습니다. 이 블록의 내용이 지정되지 않은 경우 기본 내용이 표시됩니다. 정의된 경우 정의한 내용이 표시됩니다. 둘 중 하나입니다.

반대로 @section은 교체와 확장이 모두 가능하다는 점이 가장 큰 차이점입니다. 예:

코드 복사 코드는 다음과 같습니다.

{{-- 레이아웃.마스터 --}}
@yield('title','기본 제목')

@section('콘텐츠')
기본 콘텐츠
@쇼

코드 복사 코드는 다음과 같습니다.

{{-- home.index --}}
@extends('layout.master')

@section('제목')
@부모님
새 제목
@스톱

@section('콘텐츠')
@부모님
확장된 콘텐츠
@스톱

위의 예에서 템플릿은 @yield와 @section을 사용하여 각각 블록을 정의한 다음 하위 템플릿에 내용을 정의합니다. @yield를 확장할 수 없으므로 @parent를 추가해도 출력이 작동하지 않습니다. 콘텐츠는 "기본 제목"을 대체하는 "새 제목"일 뿐입니다. 따라서 최종 생성된 페이지는 "기본 제목" 또는 "새 제목"만 가능하고 둘 다일 수는 없습니다. @section으로 정의된 부분은 @parent 키워드 사용으로 인해 상위 템플릿의 내용은 그대로 유지되며 확장 후 추가된 내용이 추가되고 출력되는 내용은 "기본 콘텐츠 확장"이 됩니다. 콘텐츠".

공식 웹사이트의 문서에는 @parent 키워드가 포함되어 있지 않습니다. 기본 동작이 "extend"라고 나와 있습니다. 이를 재정의하려면 @override를 사용하여 종료해야 합니다. github][docs ] 수정이 이루어졌습니다. @section + @stop, 기본값은 교체(주입)이며, 확장하려면 @parent 키워드를 사용해야 합니다. @override 키워드에는 실제로 또 다른 애플리케이션 시나리오가 있습니다.

@show 및 @stop

다음으로 @section에 해당하는 종료 키워드에 대해 말씀드리겠습니다. @show와 @stop의 차이점은 무엇인가요? (인터넷의 일부 기사와 일부 편집기 플러그인에서도 @endsection이 표시됩니다. 이는 버전 4.0에서 제거되었습니다. 이전 버전과 호환되지만 사용을 권장하지 않습니다.)

@show는 실행이 이 지점에 도달하면 해당 섹션의 콘텐츠를 페이지에 출력하는 것을 의미하고, @stop은 콘텐츠 구문 분석만 수행하고 @override를 사용하지 않는 한 더 이상 현재 템플릿의 섹션에 대한 후속 처리를 처리하지 않습니다. 자세한 내용은 다음 섹션을 참조하세요. 일반적으로 섹션을 처음 정의할 때는 @show를 사용해야 하고, 교체하거나 확장할 때는 @show를 사용하지 않고 @stop을 사용해야 합니다. 아래는 예시입니다:

코드 복사 코드는 다음과 같습니다.

{{-- 레이아웃.마스터 --}}

@section('zoneA')
       AAA
@쇼
​  

@section('zoneB')
       BBB
@스톱
​  

@section('zoneC')
CCC
@쇼
​  

코드 복사 코드는 다음과 같습니다.

{{-- 페이지.뷰 --}}
@extends('layout.master')

@section('zoneA')
아아
@스톱

@section('zoneB')
bb
@스톱

@section('zoneC')
cc
@쇼

layout.master에서 "zoneB"를 끝내려면 @stop을 사용하세요. 전체 템플릿 시스템에 @show로 끝나는 "zoneB"에 대한 정의가 없기 때문에 이 블록은 표시되지 않습니다. page.view에서 'zoneC'는 실행이 여기에 도달하면 즉시 콘텐츠를 표시하고 템플릿 상속 메커니즘에 따라 콘텐츠를 계속 덮어쓰는 @show로 정의되므로 최종 표시되는 콘텐츠는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

ccc //page.view에서

아아
​  

cc
​  

결과에서 볼 수 있듯이, @show가 엔진에 콘텐츠의 이 부분을 출력하도록 지시하는 데 사용되지 않았기 때문에 zoneB의 콘텐츠가 손실되는 반면, zoneC의 콘텐츠는 두 번 표시되고, 페이지 구조는 @show가 두 번 나타나기 때문에layout.master도 파괴됩니다.

@append 및 @override

방금 언급했듯이 @override는 상위 템플릿의 기본 콘텐츠를 대체하기 위해 하위 템플릿에 콘텐츠를 지정하지 않지만 다른 용도로 사용됩니다. 이는 템플릿에서 섹션을 여러 번 사용할 수 있다는 문제와도 관련이 있습니다. 즉, 우리가 정의한 각 섹션은 실제로 후속 하위 템플릿에 여러 번 나타날 수 있습니다. 예:

코드 복사 코드는 다음과 같습니다.

{{-- 마스터 --}}

@yield('내용')
​  

코드 복사 코드는 다음과 같습니다.

{{-- 하위 보기 --}}
@extends('마스터')

@section('콘텐츠')
내용 한 줄 추가
@추가

@section('콘텐츠')
한 줄 더 추가
@추가

@section('콘텐츠')
충분히 추가되었습니다. 하루만 기다려주세요.
@스톱

위의 예에서는 상위 템플릿에 "content"라는 섹션만 정의했고, 하위 템플릿에는 이 섹션의 콘텐츠를 세 번 지정했습니다. 이 예제의 최종 출력은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

내용 한 줄 추가
한 줄 더 추가
충분히 추가되었습니다. 하루만 기다려주세요.

3번 지정한 내용이 표시되는데, "여기에 내용이 추가되었습니다"라는 의미의 @append 키워드에 핵심이 있으므로 내용은 계속해서 늘어납니다. 그리고 마지막에는 @stop을 사용하여 이 섹션의 처리가 여기서 종료됨을 나타냅니다. 이 섹션의 내용을 지정하기 위해 @append 또는 @stop을 계속 사용하면 적용되지 않습니다. @override로 처리하지 않는 한. @override는 "이전 정의를 모두 덮어쓰면 이 정의가 우선합니다"를 의미합니다. 예:

코드 복사 코드는 다음과 같습니다.

{{-- 마스터 --}}

@yield('내용')
@yield('메시지')
​  

코드 복사 코드는 다음과 같습니다.

{{-- 마스터 --}}

@section('콘텐츠')
내용 한줄 추가
@추가
@section('콘텐츠')
​다른 내용 추가
@추가
@section('콘텐츠')
충분히 추가되었으니 마무리하겠습니다
@스톱
@section('콘텐츠')
더 이상은 안 돼요, 그렇게 말했어요.
@오버라이드
​  

이 예는 끝에 정의 세트가 추가된다는 점을 제외하면 이전 예와 유사합니다. 최종 출력은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

더 이상은 안 된다고 나는 말했다.

따라서 정식 프로젝트에서 때로는 데이터를 순회하여 출력해야 하는 경우 @append를 사용할 수 있습니다. 그런데 특정 데이터를 순회하여 이전 데이터가 모두 잘못된 것을 발견하면 어떻게 될까요? 모두 재정의하려면 @override를 사용하세요.