什麼是模板引擎？
模板引擎就像一個工具，可以幫助您將內(nèi)容和佈局分開。這使您的程式碼更乾淨(jìng)且更易於管理。您無需將 HTML 與資料混合，而是建立定義內(nèi)容外觀的模板，然後引擎負(fù)責(zé)填寫詳細(xì)資訊。
什麼是刀片？
Blade 是 Laravel 自己的模板引擎，它旨在讓您的生活更輕鬆。 Blade 模板儲存在 resources/views 目錄中，每個模板都有一個 .blade.php 副檔名。語法簡單明了，讓您可以輕鬆地將 HTML 與 PHP 混合。例如：
<h1>Hello, {{ $name }}!</h1>
但是 Blade 不僅僅用於顯示資料。您也可以在範(fàn)本中新增邏輯，例如循環(huán)和條件。這是一個例子：
@if ($user)
<p>Welcome, {{ $user->name }}!</p>
@else
<p>Please log in.</p>
@endif
看看根據(jù)使用者是否登入顯示不同的內(nèi)容是多麼容易？下次您需要循環(huán)存取使用者清單時，請嘗試使用 Blade 的 @foreach 指令。它很簡單並且可以讓你的程式碼保持整潔。
模板繼承
Blade 最好的功能之一是它如何幫助您重複使用佈局。您可以為您的網(wǎng)站建立一個主模板，然後只需填寫每個頁面的唯一內(nèi)容。這是一個簡單的例子：
<!-- layout.blade.php -->
<html>
<head>
<title>@yield('title')</title>
</head>
<body>
<div>
<p>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:<br>
</p>
<pre class="brush:php;toolbar:false">@extends('layout')
@section('title', 'Home Page')
@section('content')
<h1>Welcome to the Home Page!</h1>
@endsection
透過使用@extends，您可以連結(jié)到佈局，而@section允許您使用特定內(nèi)容填充佔(zhàn)位符。這使您的程式碼保持乾燥（不要重複）並且超級易於管??理。 Blade 簡化了您的工作流程，讓您更專注於重要的事情——建立出色的 Web 應(yīng)用程式。
葉片組件
刀片元件就像 UI 的小構(gòu)建塊。將它們想像成樂高積木——您可以創(chuàng)建介面的一個可重複使用的小部分，並可以將其卡入您需要的任何位置。這使您的程式碼更乾淨(jìng)且更易於維護(hù)。
您可以定義一次元件並在整個應(yīng)用程式中使用它。需要一個在不同頁面上看起來相同的按鈕嗎？為它創(chuàng)建一個 Blade 組件！更好的是，您可以將屬性傳遞給這些組件，使它們靈活且適應(yīng)性強(qiáng)。
這是一個按鈕組件的簡單範(fàn)例：
<!-- resources/views/components/button.blade.php -->
<button>{{ $slot }}</button>
<!-- Usage -->
<x-button>Click Me</x-button>
您可以使用元件類別使元件動態(tài)化。這允許您傳入類型或類別等屬性來自訂按鈕的行為或樣式。
// In a component class
public function render()
{
return view('components.button', [
'type' => $this->type,
'class' => $this->class,
]);
}
// In the Blade component
<button type="{{ $type }}">
<h2>
Including Subviews
</h2>
<p>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>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173172787698773.jpg" class="lazy" alt="Get The Most From Blade: Laravel&#s Templating Engine" /></p>
<h2>
Blade Directives
</h2>
<p>Blade comes packed with handy directives that make common tasks a breeze. Here are a few:<br>
@csrf: CSRF token to your forms, protecting them from cross-site request forgery attacks<br>
@method: specifies the HTTP method for forms<br>
@auth: checks if a user is authenticated<br>
@guest: checks if a user is a guest (not authenticated)<br>
</p>
<pre class="brush:php;toolbar:false"><form action="/submit" method="POST">
@csrf
@method('PUT')
<button type="submit">Submit</button>
</form>
需要更多客製化的東西嗎？您可以建立自己的 Blade 指令以實(shí)現(xiàn)可重複使用邏輯。
例如，假設(shè)您經(jīng)常需要格式化日期。您可以像這樣定義自訂指令：
<h1>Hello, {{ $name }}!</h1>
其他特點(diǎn)
Blade 配備了一些非常方便的功能，可以讓您作為開發(fā)人員的生活更加順利。讓我們深入研究其中的一些。
管理資產(chǎn) URL
需要連結(jié)您的 CSS 或 JavaScript 檔案嗎？ asset() 輔助函數(shù)可以滿足您的需求。它會為您的資源產(chǎn)生正確的 URL，因此您不必?fù)?dān)心路徑：
@if ($user)
<p>Welcome, {{ $user->name }}!</p>
@else
<p>Please log in.</p>
@endif
處理空數(shù)組或集合
Blade 的 @forelse 指令在處理空數(shù)組或集合時是一個救星。它可以讓您循環(huán)遍歷項(xiàng)目，還可以優(yōu)雅地處理沒有項(xiàng)目的情況：
<!-- layout.blade.php -->
<html>
<head>
<title>@yield('title')</title>
</head>
<body>
<div>
<p>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:<br>
</p>
<pre class="brush:php;toolbar:false">@extends('layout')
@section('title', 'Home Page')
@section('content')
<h1>Welcome to the Home Page!</h1>
@endsection
有條件的內(nèi)容顯示
Blade 提供了多種指令來根據(jù)條件顯示內(nèi)容：
@isset：檢查變數(shù)是否已設(shè)定
@empty：檢查變數(shù)是否為空
@unless：與 if 類似，但相反
這是使用 @isset 的範(fàn)例：
<!-- resources/views/components/button.blade.php -->
<button>{{ $slot }}</button>
<!-- Usage -->
<x-button>Click Me</x-button>
防範(fàn) XSS
Blade 自動轉(zhuǎn)義輸出以保護(hù)您的應(yīng)用程式免受 XSS（跨站腳本）攻擊。但有時，您可能想要輸出原始 HTML。在這種情況下，請使用 {!! ！ ！ }：
// In a component class
public function render()
{
return view('components.button', [
'type' => $this->type,
'class' => $this->class,
]);
}
// In the Blade component
<button type="{{ $type }}">
<h2>
Including Subviews
</h2>
<p>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>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173172787698773.jpg" class="lazy" alt="Get The Most From Blade: Laravel&#s Templating Engine" /></p>
<h2>
Blade Directives
</h2>
<p>Blade comes packed with handy directives that make common tasks a breeze. Here are a few:<br>
@csrf: CSRF token to your forms, protecting them from cross-site request forgery attacks<br>
@method: specifies the HTTP method for forms<br>
@auth: checks if a user is authenticated<br>
@guest: checks if a user is a guest (not authenticated)<br>
</p>
<pre class="brush:php;toolbar:false"><form action="/submit" method="POST">
@csrf
@method('PUT')
<button type="submit">Submit</button>
</form>
進(jìn)階使用
需要包含包含 Blade 語法的原始 HTML 或 JavaScript？使用 @verbatim 指令阻止 Blade 嘗試解析它：
// In a service provider
Blade::directive('datetime', function ($expression) {
return "<?php echo ($expression)->format('Y-m-d H:i:s'); ?>";
});
// Usage in Blade
@datetime($dateVariable)
使用 API？ Blade 可以輕鬆地直接在模板中渲染 JSON 資料：
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
如果您使用 Livewire，Blade 可以與其無縫協(xié)作。您可以將 Blade 元件與 Livewire 元件一起使用，以實(shí)現(xiàn)動態(tài)的互動式 UI，而無需編寫太多 JavaScript。
@once 指令確保一段程式碼只運(yùn)行一次。 Blade 可讓您建立根據(jù)您傳遞的資料進(jìn)行調(diào)整的動態(tài)元件。這對於靈活、可重複使用的 UI 片段來說非常有用：
@forelse ($items as $item)
<p>{{ $item }}</p>
@empty
<p>No items found.</p>
@endforelse
@error 指令可協(xié)助您輕鬆顯示特定欄位的錯誤訊息：
@isset($variable)
<p>{{ $variable }}</p>
@endisset
當(dāng)我第一次開始使用 Blade 時，我對自己有多少選擇感到有點(diǎn)迷失，但不久之後，整個世界就向我敞開了?，F(xiàn)在我無法想像沒有它的多功能功能的編碼。我希望這篇文章能幫助您找到進(jìn)入這個令人驚嘆的模板引擎的方法。
以上是充分利用 Blade：Laravel 的模板引擎的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
PHP變量範(fàn)圍解釋了
Jul 17, 2025 am 04:16 AM
PHP變量作用域常見問題及解決方法包括：1.函數(shù)內(nèi)部無法訪問全局變量，需使用global關(guān)鍵字或參數(shù)傳入；2.靜態(tài)變量用static聲明，只初始化一次並在多次調(diào)用間保持值；3.超全局變量如$_GET、$_POST可在任何作用域直接使用，但需注意安全過濾；4.匿名函數(shù)需通過use關(guān)鍵字引入父作用域變量，修改外部變量則需傳遞引用。掌握這些規(guī)則有助於避免錯誤並提升代碼穩(wěn)定性。
如何在PHP中牢固地處理文件上傳？
Jul 08, 2025 am 02:37 AM
要安全處理PHP文件上傳需驗(yàn)證來源與類型、控製文件名與路徑、設(shè)置服務(wù)器限制並二次處理媒體文件。 1.驗(yàn)證上傳來源通過token防止CSRF並通過finfo_file檢測真實(shí)MIME類型使用白名單控制；2.重命名文件為隨機(jī)字符串並根據(jù)檢測類型決定擴(kuò)展名存儲至非Web目錄；3.PHP配置限制上傳大小及臨時目錄Nginx/Apache禁止訪問上傳目錄；4.GD庫重新保存圖片清除潛在惡意數(shù)據(jù)。
在PHP中評論代碼
Jul 18, 2025 am 04:57 AM
PHP註釋代碼常用方法有三種：1.單行註釋用//或#屏蔽一行代碼，推薦使用//；2.多行註釋用/.../包裹代碼塊，不可嵌套但可跨行；3.組合技巧註釋如用/if(){}/控制邏輯塊，或配合編輯器快捷鍵提升效率，使用時需注意閉合符號和避免嵌套。
發(fā)電機(jī)如何在PHP中工作？
Jul 11, 2025 am 03:12 AM
AgeneratorinPHPisamemory-efficientwaytoiterateoverlargedatasetsbyyieldingvaluesoneatatimeinsteadofreturningthemallatonce.1.Generatorsusetheyieldkeywordtoproducevaluesondemand,reducingmemoryusage.2.Theyareusefulforhandlingbigloops,readinglargefiles,or
撰寫PHP評論的提示
Jul 18, 2025 am 04:51 AM
寫好PHP註釋的關(guān)鍵在於明確目的與規(guī)範(fàn)，註釋應(yīng)解釋“為什麼”而非“做了什麼”，避免冗餘或過於簡單。 1.使用統(tǒng)一格式，如docblock（/*/）用於類、方法說明，提升可讀性與工具兼容性；2.強(qiáng)調(diào)邏輯背後的原因，如說明為何需手動輸出JS跳轉(zhuǎn)；3.在復(fù)雜代碼前添加總覽性說明，分步驟描述流程，幫助理解整體思路；4.合理使用TODO和FIXME標(biāo)記待辦事項(xiàng)與問題，便於後續(xù)追蹤與協(xié)作。好的註釋能降低溝通成本，提升代碼維護(hù)效率。
快速PHP安裝教程
Jul 18, 2025 am 04:52 AM
ToinstallPHPquickly,useXAMPPonWindowsorHomebrewonmacOS.1.OnWindows,downloadandinstallXAMPP,selectcomponents,startApache,andplacefilesinhtdocs.2.Alternatively,manuallyinstallPHPfromphp.netandsetupaserverlikeApache.3.OnmacOS,installHomebrew,thenrun'bre
學(xué)習(xí)PHP：初學(xué)者指南
Jul 18, 2025 am 04:54 AM
易於效率，啟動啟動tingupalocalserverenverenvirestoolslikexamppandacodeeditorlikevscode.1）installxamppforapache，mysql，andphp.2）uscodeeditorforsyntaxssupport.3）
如何通過php中的索引訪問字符串中的字符
Jul 12, 2025 am 03:15 AM
在PHP中獲取字符串特定索引字符可用方括號或花括號，但推薦方括號；索引從0開始，超出範(fàn)圍訪問返回空值，不可賦值；處理多字節(jié)字符需用mb_substr。例如：$str="hello";echo$str[0];輸出h；而中文等字符需用mb_substr($str,1,1)獲取正確結(jié)果；實(shí)際應(yīng)用中循環(huán)訪問前應(yīng)檢查字符串長度，動態(tài)字符串需驗(yàn)證有效性，多語言項(xiàng)目建議統(tǒng)一使用多字節(jié)安全函數(shù)。
