Laravel의 블레이드 템플릿 엔진에 대한 자세한 설명

黄舟
풀어 주다: 2023-03-16 15:18:01
원래의
3352명이 탐색했습니다.

라라벨의 템플릿 엔진은 블레이드 템플릿 엔진을 사용합니다. 다음 글에서는 라라벨의 블레이드 템플릿 엔진에 대한 관련 정보를 주로 소개하고 있으며, 샘플 코드를 통해 자세히 소개하고 있어 모든 분들의 학습이나 업무에 참고가 될 것입니다. .밸류, 필요하신 친구들은 에디터를 따라가서 함께 배워보세요.

머리말

이 글은 주로 Laravel의 블레이드 템플릿 엔진에 대한 관련 내용을 소개하고 있으며, 참고 및 학습을 위해 공유합니다. 자세한 소개를 살펴보겠습니다.

Blade 템플릿 엔진

Blade는 laravel에서 제공하는 간단하고 강력한 템플릿 엔진입니다. 블레이드 뷰를 기본 PHP 코드로 컴파일하고 캐시합니다. 블레이드 보기가 변경되면 캐시도 변경됩니다. 이는 블레이드가 애플리케이션에 컴파일 부담을 추가하지 않음을 의미합니다. 블레이드 보기 파일은 .blade.php 접미사를 사용하며 일반적으로 resources/views 디렉터리에 저장됩니다.

템플릿 상속

먼저 예제를 살펴보겠습니다


<!-- Stored in resources/views/layouts/master.blade.php-->
<html>
 <head>
 <title>App Name - @yield(&#39;title&#39;)</title>
 </head>
 <body>
 @section(&#39;sidebar&#39;)
  This is the master sidebar.
 @show
 
 <p class="container">
  @yield(&#39;content&#39;)
 </p>
 </body>
</html>
로그인 후 복사

Blade 템플릿 파일에는 일반적인 HTML 태그가 포함되어 있습니다. @section 및 @yield 지시문을 보셨을 것입니다. @section 지시문은 이름에서 알 수 있듯이 콘텐츠 섹션을 정의하는 반면, @yield 지시문은 제공된 위젯 섹션에 포함된 콘텐츠를 표시하는 데 사용됩니다. 이제 기본 레이아웃을 정의했으므로 블레이드의 @extends 지시문을 사용하여 이 레이아웃을 명시적으로 상속할 수 있습니다. 그런 다음 @section 지시어를 사용하여 위젯의 콘텐츠를 레이아웃에 마운트합니다. 위의 예에서 위젯의 콘텐츠는 레이아웃의 @yield 섹션에 마운트됩니다.


<!-- Stored in resoures/views/child.blade.php -->
@extends(&#39;layouts.master&#39;)
 
@section(&#39;title&#39;, &#39;Page Title&#39;)
 
@section(&#39;sidebar&#39;)
 @parent
 
 <p>This is appended to the master sidebar.</p>
@endsection
 
@section(&#39;content&#39;)
 <p>This is my body content.</p>
@endsection
로그인 후 복사

위의 예에서는 사이드바 위젯이 사용됩니다. @parent 지시문을 사용하여 레이아웃의 사이드바 부분 내용을 추가합니다. 사용하지 않으면 레이아웃의 이 부분을 덮어쓰게 됩니다. @parent 지시어는 레이아웃이 렌더링될 때 레이아웃의 콘텐츠를 뷰의 콘텐츠로 대체합니다.

블레이드 뷰는 전역 도우미 함수 뷰를 사용하여 기본 PHP 뷰와 마찬가지로 렌더링된 콘텐츠를 반환할 수 있습니다.


Route::get(&#39;blade&#39;, function () {
 return view(&#39;child&#39;);
});
로그인 후 복사

데이터 표시

중괄호 {를 사용하여 뷰에 패스를 표시할 수 있습니다. 예를 들어 뷰의 변수에 대해 다음 경로를 정의합니다.


Route::get(&#39;greeting&#39;, function () {
 return view(&#39;welcome&#39;, [&#39;name&#39; => &#39;Duicode&#39;]);
})
로그인 후 복사

다음과 같이 뷰에서 name 변수의 내용을 출력할 수 있습니다.


Hello, {{ $name }}
로그인 후 복사

물론 다음을 사용할 수도 있습니다. 기본 PHP 메서드 반환 콘텐츠에서 가져옵니다. 실제로 Blade echo 선언에 임의의 PHP 코드를 사용할 수 있습니다. (Blade {{}} 선언의 내용은 XSS 공격을 방지하기 위해 htmlentities 메서드를 통해 자동으로 필터링됩니다.)


The current UNIX timestamp is {{ time() }}
로그인 후 복사

JavaScript 프레임은 중괄호를 사용하여 제공된 표현식이 브라우저에 표시되어야 함을 나타냅니다. 따라서 @ 기호를 사용하여 이 표현식을 그대로 유지하고 싶다고 블레이드 렌더링 엔진에 알릴 수 있습니다.


Hello, @{{ name }}
로그인 후 복사

값을 할당하기 위해 삼항 연산자를 자주 사용합니다


{{ isset($name) ? $name : &#39;Default&#39; }}
로그인 후 복사

Blade는 다음과 같은 편리한 방법을 제공합니다. 이 삼항 연산자 메타 선언을 교체하세요.


{{ $name or &#39;Default&#39; }}
로그인 후 복사

기본 Blade {{}} 선언은 자동으로 htmlentities 메서드를 사용하여 XSS 공격을 방지합니다. 데이터가 이스케이프되는 것을 원하지 않으면 다음 구문을 사용할 수 있지만 공격을 당할 수 있으니 주의하세요.


Hello, {!! $name !!}
로그인 후 복사

Control Structure

@을 전달할 수 있습니다. if 제어 구조를 사용하기 위한 if, @elseif, @else 및 @endif 명령어:


@if (count($records) === 1)
 I have one record!
@elseif (count($records) > 1)
 I have multiple records!
@else
 I don&#39;t have any records!
@endif
로그인 후 복사

물론 편의를 위해 Blade는 @unless 명령어에 대한 대체 명령어도 제공합니다.


@unless (Auth::check())
 You are not signed in.
@endunless
로그인 후 복사

@를 사용할 수도 있습니다. 레이아웃에 제공되는 내용을 결정하는 hasSection 명령 위젯에 콘텐츠가 포함되어 있습니까?


<title>
 @hasSection(&#39;title&#39;)
 @yield(&#39;title&#39;) - App Name
 @else
 App Name
 @endif
</title>
로그인 후 복사

제어에 관해 말하자면, PHP와 마찬가지로 루프 구조가 필수입니다.


@for ($i = 0; $i < 10; $i++)
 The current value is {{ $i }}
@endfor
 
@foreach ($users as $user)
 <p>This is user {{ $user->id }}</p>
@endforeach
 
@forelse ($users as $user)
 <li>{{ $user->name }}</li>
@empty
 <p>No users</p>
@endforelse
 
@while (true)
 <p>I&#39;m looping forever.</p>
@endwhile
로그인 후 복사

Blade는 또한 반복을 종료하거나 반복을 종료하는 지침을 제공합니다. 현재 반복을 취소합니다:


@foreach ($users as $user)
 @if($user->type == 1)
 @continue
 @endif
 
 <li>{{ $user->name }}</li>
 
 @if($user->number == 5)
 @break
 @endif
@endforeach
로그인 후 복사

you 지침을 사용하여 중단을 달성하기 위한 포함 조건을 선언할 수도 있습니다.


@foreach ($users as $user)
 @continue($user->type == 1)
 
 <li>{{ $user->name }}</li>
 
 @break($user->number == 5)
@endforeach
로그인 후 복사

Include subviews

@include 지시문을 사용하여 다음을 포함할 수 있습니다. 뷰의 내용과 현재 뷰의 변수도 공유됩니다. 하위 뷰에:


<p>
 @include(&#39;shared.errors&#39;)
 
 <form>
 <!-- Form Contents -->
 </form>
</p>
로그인 후 복사

하위 뷰가 상위 뷰의 모든 데이터 변수를 자동으로 상속하지만 배열 변수를 직접 전달하여 추가 변수를 추가할 수도 있습니다. 하위 뷰로(뷰 캐시 위치를 결정하므로 __DIR__ 및 __FILE__ 상수 사용을 피하세요):


@include(&#39;view.name&#39;, [&#39;some&#39; => &#39;data&#39;])
로그인 후 복사

Blade의 @each 지시어를 사용하여 여러 뷰를 한 줄로 병합할 수 있습니다:


@each(&#39;view.name&#39;, $jobs, &#39;job&#39;)
로그인 후 복사

첫 번째 매개변수는 배열 또는 컬렉션의 각 요소에 대해 렌더링해야 하는 뷰의 이름입니다.

두 번째 매개변수는 반복을 제공하는 데 사용되는 배열 또는 컬렉션입니다.

第三个参数是要分配给当前视图的变量名。

你也可以传递第四个参数到 @each 指令。如果所提供的数组是空数组的话,该参数所提供的视图将会被引入。


@each(&#39;view.name&#39;, $jobs, &#39;job&#39;, &#39;view.empty&#39;)
로그인 후 복사

Blade 中的注释,这样写不会被渲染:


{{-- This comment will not be present in the rendered HTML --}}
로그인 후 복사

Blade 允许你在已命名的堆中压入内容:


@push(&#39;scripts&#39;)
 <script src="/example.js"></script>
@endpush
로그인 후 복사

你可以在你需要的时候压入相同的堆任意的次数,你需要在布局中使用 @stack 来渲染堆:


<head>
 <!-- Head Contents -->
 @stack(&#39;scripts&#39;)
</head>
로그인 후 복사

可以使用 @inject 指令来从服务容器中取回服务:


@inject(&#39;metrics&#39;, &#39;App\Services\MetricsService&#39;)
<p>
 Monthly Revenue: {{ $metrice->monthlyRevenue() }}
</p>
로그인 후 복사

第一个参数将作为所取回服务存放的变量名,

第二个参数是你想要在服务容器中取回的类或接口名称。

可以使用 directvie 方法来注册指令。当 Blade 编译器遇到该指令时,它会自动的调用该指令注册时提供的回调函数并传递它的参数。

下面的例子创建了 @datetime($val) 指令来格式化 $val:


<?php
namespace App\Providers;
 
use Blade;
use Illuminate\Support\ServiceProvider;
 
class AppServiceProvider extends ServiceProvider{
 /**
 * Perform post-registration booting of services.
 *
 * @return void
 */
 public function boot(){
  Blade::directive(&#39;datetime&#39;, function ($expression) {
  return "<?php echo with{$express}->format(&#39;m/d/Y H:i&#39;); ?>";
  });
 }
 
 /**
 * Register bindings in the container
 *
 * @return void
 */
 public function register() {
  //
 }
}
로그인 후 복사

上面的例子中使用了 Laravel 的 with 帮助方法,它只是简单的返回一个所提供的对象或值,并提供方便的链式调用。最终该指令生成的 PHP 代码如下:


<?php echo with($var)->format(&#39;m/d/Y H:i&#39;); ?>
로그인 후 복사

在你更新 Blade 指令的逻辑之后,你应该删除所有已缓存的 Blade 视图,你可以使用 view:clear Artisan 命令来清除。

总结

위 내용은 Laravel의 블레이드 템플릿 엔진에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿