\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，您可以連結(jié)到佈局，而@section允許您使用特定內(nèi)容填充佔(zhàn)位符。這使您的程式碼保持乾燥（不要重複）並且超級(jí)易於管??理。 Blade 簡化了您的工作流程，讓您更專注於重要的事情——建立出色的 Web 應(yīng)用程式。 <\/p>\n\n
<\/p>\n\n
\n  \n  \n  葉片組件\n<\/h2>\n\n
刀片元件就像 UI 的小構(gòu)建塊。將它們想像成樂高積木——您可以創(chuàng)建介面的一個(gè)可重複使用的小部分，並可以將其卡入您需要的任何位置。這使您的程式碼更乾淨(jìng)且更易於維護(hù)。 <\/p>\n\n
您可以定義一次元件並在整個(gè)應(yīng)用程式中使用它。需要一個(gè)在不同頁面上看起來相同的按鈕嗎？為它創(chuàng)建一個(gè) Blade 組件！更好的是，您可以將屬性傳遞給這些組件，使它們靈活且適應(yīng)性強(qiáng)。 <\/p>\n\n
這是一個(gè)按鈕組件的簡單範(fàn)例：
\n<\/p>\n\n
\n{{ $slot }}<\/button>\n\n\nClick Me<\/x-button>\n<\/pre>\n\n\n\n
您可以使用元件類別使元件動(dòng)態(tài)化。這允許您傳入類型或類別等屬性來自訂按鈕的行為或樣式。 
\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
需要更多客製化的東西嗎？您可以建立自己的 Blade 指令以實(shí)現(xiàn)可重複使用邏輯。 <\/p>
例如，假設(shè)您經(jīng)常需要格式化日期。您可以像這樣定義自訂指令：
\n<\/p>\n\n
Hello, {{ $name }}!<\/h1>\n<\/pre>\n\n\n\n
<\/p>\n\n
\n  \n  \n  其他特點(diǎn)\n<\/h2>\n\n
Blade 配備了一些非常方便的功能，可以讓您作為開發(fā)人員的生活更加順利。讓我們深入研究其中的一些。 <\/p>\n\n
\n  \n  \n  管理資產(chǎn) URL\n<\/h3>\n\n
需要連結(jié)您的 CSS 或 JavaScript 檔案嗎？ asset() 輔助函數(shù)可以滿足您的需求。它會(huì)為您的資源產(chǎn)生正確的 URL，因此您不必?fù)?dān)心路徑：
\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  處理空數(shù)組或集合\n<\/h3>\n\n
Blade 的 @forelse 指令在處理空數(shù)組或集合時(shí)是一個(gè)救星。它可以讓您循環(huán)遍歷項(xiàng)目，還可以優(yōu)雅地處理沒有項(xiàng)目的情況：
\n<\/p>\n\n
\n\n\n