Laravel 템플릿 엔진 블레이드의 일부 섹션 태그 간의 차이점에 대한 소개

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

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

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

@yield 및 @section

우선 정의하려는 섹션에 하위 템플릿을 확장할 기본 콘텐츠가 없으면 @yield를 사용하세요. ($name, $default) 형식이 하위 템플릿에 이 블록의 내용을 지정하지 않으면 기본 내용이 표시됩니다. 둘 중 하나입니다.

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

{{-- layout.master --}}
@yield('title','默认标题')
 
@section('content')
默认的内容
@show

{{-- home.index --}}
@extends('layout.master')
 
@section('title')
  @parent
  新的标题
@stop
 
@section('content')
  @parent
  扩展的内容
@stop

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

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

@show와 @stop

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

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

{{-- layout.master --}}
<div id="zoneA">
  @section(&#39;zoneA&#39;)
      AAA
      @show
     
   
</div>
 
 
 
 
<div id="zoneB">
  @section(&#39;zoneB&#39;)
      BBB
      @stop
     
   
</div>
 
 
 
 
<div id="zoneC">
  @section(&#39;zoneC&#39;)
      CCC
      @show
     
   
</div>

{{-- page.view --}}
@extends('layout.master')
 
@section('zoneA')
aaa
@stop
 
@section('zoneB')
bbb
@stop
 
@section('zoneC')
ccc
@show

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

ccc // 来自 page.view
<div class="zoneA">
  aaa
     
   
</div>
 
 
 
 
<div class="zoneB">
   
</div>
 
 
 
 
<div class="zoneC">
  ccc
     
   
</div>

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

@append 및 @override

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

{{-- master --}}
<div>
  @yield(&#39;content&#39;)
     
   
</div>

{{-- subview --}}
@extends('master')

@section('content')
줄 추가 of content
@append

@section('content')
다른 콘텐츠 줄 추가
@append

@section('content')
추가됨 그만해, 이제 간다. 그게 다야.
@stop

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

<div>
加一行内容
再加一行内容
加够了，到此为止吧。
</div>

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

{{-- master --}}
<div>
  @yield(&#39;content&#39;)
    @yield(&#39;message&#39;)
     
   
</div>

{{-- master --}}
<div>
  @section(&#39;content&#39;)
    加一行内容
    @append
    @section(&#39;content&#39;)
    再加一行内容
    @append
    @section(&#39;content&#39;)
    加够了，结束吧
    @stop
    @section(&#39;content&#39;)
    都不要了，我说的。
    @override
     
   
</div>

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

<div>
  都不要了，我说的。
</div>

따라서 공식 프로젝트에서는 때로는 출력을 위해 데이터를 순회해야 할 경우 @append를 사용할 수 있으며 특정 데이터를 순회하면 다음을 발견할 수 있습니다. 이전 것들은 모두 잘못되었습니다. 무슨 일인가요? 모두 재정의하려면 @override를 사용하세요.

Laravel 템플릿 엔진 Blade의 일부 섹션 태그 간의 차이점에 대한 자세한 내용은 PHP 중국어 웹사이트를 참고하세요!