\n\n\n\n

This layout has placeholders (@yield) for the title and the main content. Now, let’s say you’re creating a home page. You can extend this layout like this:
\n<\/p>\n\n

@extends('layout')\n\n@section('title', 'Home Page')\n\n@section('content')\n    
Welcome to the Home Page!<\/h1>\n@endsection\n<\/pre>\n\n\n\n
@extends を使用するとレイアウトにリンクし、@section を使用してプレースホルダーに特定のコンテンツを入力できます。これにより、コードが DRY (繰り返さない) 狀態(tài)に保たれ、非常に管理しやすくなります。 Blade はワークフローを簡(jiǎn)素化し、優(yōu)れた Web アプリケーションの構(gòu)築という重要なことに集中できるようにします。<\/p>\n\n
<\/p>\n\n
\n  \n  \n  ブレードのコンポーネント\n<\/h2>\n\n
ブレード コンポーネントは、UI の小さな構(gòu)成要素のようなものです。それらをレゴの部品として想像してください。インターフェイスの小さな再利用可能な部分を作成し、必要な場(chǎng)所にスナップして所定の位置に取り付けることができます。これにより、コードがよりクリーンになり、保守しやすくなります。<\/p>\n\n
コンポーネントを一度定義すると、それをアプリケーション全體で使用できます。異なるページ間でも同じように見(jiàn)えるボタンが必要ですか?それに対応する Blade コンポーネントを作成してください。さらに良いことに、これらのコンポーネントに屬性を渡して、コンポーネントを柔軟かつ適応可能にすることができます。<\/p>\n\n
ボタン コンポーネントの簡(jiǎn)単な例を次に示します。
\n<\/p>\n\n
\n{{ $slot }}<\/button>\n\n\nClick Me<\/x-button>\n<\/pre>\n\n\n\n
コンポーネント クラスを使用すると、コンポーネントを動(dòng)的にすることができます。これにより、タイプやクラスなどの屬性を渡して、ボタンの動(dòng)作やスタイルをカスタマイズできます。
\n<\/p>\n\n
\/\/ In a component class\npublic function render()\n{\n    return view('components.button', [\n        'type' => $this->type,\n        'class' => $this->class,\n    ]);\n}\n\n\/\/ In the Blade component\n\n\n\n\n
\n  \n  \n  Including Subviews\n<\/h2>\n\n
Sometimes, you’ll want to break your templates into smaller pieces for better organization and reusability. Blade makes this easy with the @include directive. Think of it as a way to insert a smaller view (or subview) into a larger one.<\/p>\n\n
<\/p>\n\n
\n  \n  \n  Blade Directives\n<\/h2>\n\n
Blade comes packed with handy directives that make common tasks a breeze. Here are a few:
\n@csrf: CSRF token to your forms, protecting them from cross-site request forgery attacks
\n@method: specifies the HTTP method for forms
\n@auth: checks if a user is authenticated
\n@guest: checks if a user is a guest (not authenticated)
\n<\/p>\n\n
\n    @csrf\n    @method('PUT')\n    Submit<\/button>\n<\/form>\n<\/pre>\n\n\n\n
さらにカスタマイズしたものが必要ですか?再利用可能なロジック用に獨(dú)自の Blade ディレクティブを作成できます。<\/p>
たとえば、日付の書式設(shè)定が頻繁に必要になるとします。次のようにカスタム ディレクティブを定義できます:
\n<\/p>\n\n
Hello, {{ $name }}!<\/h1>\n<\/pre>\n\n\n\n
<\/p>\n\n
\n  \n  \n  その他の機(jī)能\n<\/h2>\n\n
Blade には、開(kāi)発者としての生活をよりスムーズにする非常に便利な機(jī)能がいくつか備わっています。そのうちのいくつかを詳しく見(jiàn)てみましょう。<\/p>\n\n
\n  \n  \n  アセット URL の管理\n<\/h3>\n\n
CSS または JavaScript ファイルをリンクする必要がありますか? asset() ヘルパー関數(shù)がこれをカバーします。アセットの正しい URL が生成されるため、パスについて心配する必要はありません:
\n<\/p>\n\n
@if ($user)\n    
Welcome, {{ $user->name }}!<\/p>\n@else\n    
Please log in.<\/p>\n@endif\n<\/pre>\n\n\n\n
\n  \n  \n  空の配列またはコレクションの処理\n<\/h3>\n\n
Blade の @forelse ディレクティブは、空の配列またはコレクションを扱う際の救世主です。これにより、アイテムをループすることができ、アイテムがない場(chǎng)合もエレガントに処理できます:
\n<\/p>\n\n
\n\n\n