什么是模板引擎？
模板引擎就像一個(gè)工具，可以幫助您將內(nèi)容和布局分開(kāi)。這使您的代碼更干凈且更易于管理。您無(wú)需將 HTML 與數(shù)據(jù)混合，而是創(chuàng)建定義內(nèi)容外觀的模板，然后引擎負(fù)責(zé)填寫(xiě)詳細(xì)信息。
什么是刀片？
Blade 是 Laravel 自己的模板引擎，它旨在讓您的生活更輕松。 Blade 模板存儲(chǔ)在 resources/views 目錄中，每個(gè)模板都有一個(gè) .blade.php 擴(kuò)展名。語(yǔ)法簡(jiǎn)單明了，允許您輕松地將 HTML 與 PHP 混合。例如：
<h1>Hello, {{ $name }}!</h1>
但是 Blade 不僅僅用于顯示數(shù)據(jù)。您還可以在模板中添加邏輯，例如循環(huán)和條件。這是一個(gè)例子：
@if ($user)
<p>Welcome, {{ $user->name }}!</p>
@else
<p>Please log in.</p>
@endif
看看根據(jù)用戶是否登錄顯示不同的內(nèi)容是多么容易？下次您需要循環(huán)訪問(wèn)用戶列表時(shí)，請(qǐng)嘗試使用 Blade 的 @foreach 指令。它很簡(jiǎn)單并且可以讓你的代碼保持整潔。
模板繼承
Blade 最好的功能之一是它如何幫助您重用布局。您可以為您的網(wǎng)站創(chuàng)建一個(gè)主模板，然后只需填寫(xiě)每個(gè)頁(yè)面的唯一內(nèi)容。這是一個(gè)簡(jiǎn)單的例子：
<!-- 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
通過(guò)使用@extends，您可以鏈接到布局，而@section允許您使用特定內(nèi)容填充占位符。這使您的代碼保持干燥（不要重復(fù)）并且超級(jí)易于管理。 Blade 簡(jiǎn)化了您的工作流程，讓您能夠更加專(zhuān)注于重要的事情——構(gòu)建出色的 Web 應(yīng)用程序。
葉片組件
刀片組件就像 UI 的小構(gòu)建塊。將它們想象成樂(lè)高積木——您可以創(chuàng)建界面的一個(gè)可重復(fù)使用的小部分，并可以將其卡入您需要的任何位置。這使您的代碼更干凈且更易于維護(hù)。
您可以定義一次組件并在整個(gè)應(yīng)用程序中使用它。需要一個(gè)在不同頁(yè)面上看起來(lái)相同的按鈕嗎？為它創(chuàng)建一個(gè) Blade 組件！更好的是，您可以將屬性傳遞給這些組件，使它們靈活且適應(yīng)性強(qiáng)。
這是一個(gè)按鈕組件的簡(jiǎn)單示例：
<!-- resources/views/components/button.blade.php -->
<button>{{ $slot }}</button>
<!-- Usage -->
<x-button>Click Me</x-button>
您可以使用組件類(lèi)使組件動(dòng)態(tài)化。這允許您傳入類(lèi)型或類(lèi)等屬性來(lá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>
需要更多定制的東西嗎？您可以創(chuàng)建自己的 Blade 指令以實(shí)現(xiàn)可重用邏輯。
例如，假設(shè)您經(jīng)常需要格式化日期。您可以像這樣定義自定義指令：
<h1>Hello, {{ $name }}!</h1>
其他特點(diǎn)
Blade 配備了一些非常方便的功能，可以讓您作為開(kāi)發(fā)人員的生活更加順利。讓我們深入研究其中的一些。
管理資產(chǎn) URL
需要鏈接您的 CSS 或 JavaScript 文件嗎？ asset() 輔助函數(shù)可以滿足您的需求。它會(huì)為您的資源生成正確的 URL，因此您不必?fù)?dān)心路徑：
@if ($user)
<p>Welcome, {{ $user->name }}!</p>
@else
<p>Please log in.</p>
@endif
處理空數(shù)組或集合
Blade 的 @forelse 指令在處理空數(shù)組或集合時(shí)是一個(gè)救星。它可以讓您循環(huán)遍歷項(xiàng)目，還可以優(yōu)雅地處理沒(méi)有項(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 提供了多種指令來(lái)根據(jù)條件顯示內(nèi)容：
@isset：檢查變量是否已設(shè)置
@empty：檢查變量是否為空
@unless：與 if 類(lèi)似，但相反
這是使用 @isset 的示例：
<!-- resources/views/components/button.blade.php -->
<button>{{ $slot }}</button>
<!-- Usage -->
<x-button>Click Me</x-button>
防范 XSS
Blade 自動(dòng)轉(zhuǎn)義輸出以保護(hù)您的應(yīng)用程序免受 XSS（跨站腳本）攻擊。但有時(shí)，您可能想要輸出原始 HTML。在這種情況下，請(qǐng)使用 {!! ！！}：
// 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í)使用
需要包含包含 Blade 語(yǔ)法的原始 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 數(shù)據(jù)：
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
如果您使用 Livewire，Blade 可以與其無(wú)縫協(xié)作。您可以將 Blade 組件與 Livewire 組件一起使用，以實(shí)現(xiàn)動(dòng)態(tài)的交互式 UI，而無(wú)需編寫(xiě)太多 JavaScript。
@once 指令確保一段代碼只運(yùn)行一次。 Blade 允許您創(chuàng)建根據(jù)您傳??遞的數(shù)據(jù)進(jìn)行調(diào)整的動(dòng)態(tài)組件。這對(duì)于靈活、可重用的 UI 片段來(lái)說(shuō)非常有用：
@forelse ($items as $item)
<p>{{ $item }}</p>
@empty
<p>No items found.</p>
@endforelse
@error 指令可幫助您輕松顯示特定字段的錯(cuò)誤消息：
@isset($variable)
<p>{{ $variable }}</p>
@endisset
當(dāng)我第一次開(kāi)始使用 Blade 時(shí)，我對(duì)自己有多少選擇感到有點(diǎn)迷失，但不久之后，整個(gè)世界就向我敞開(kāi)了。現(xiàn)在我無(wú)法想象沒(méi)有它的多功能功能的編碼。我希望這篇文章能幫助您找到進(jìn)入這個(gè)令人驚嘆的模板引擎的方法。
以上是充分利用 Blade：Laravel 的模板引擎的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機(jī)
Video Face Swap
使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！
熱門(mén)文章
熱工具
記事本++7.3.1
好用且免費(fèi)的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強(qiáng)大的PHP集成開(kāi)發(fā)環(huán)境
Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具
SublimeText3 Mac版
神級(jí)代碼編輯軟件(SublimeText3)
熱門(mén)話題
如何在PHP中實(shí)施身份驗(yàn)證和授權(quán)？
Jun 20, 2025 am 01:03 AM
tosecurelyhandleauthenticationandationallizationInphp，lofterTheSesteps：1.AlwaysHashPasswordSwithPassword_hash（）andverifyusingspasspassword_verify（），usepreparedStatatementStopreventsqlineptions，andStoreSeruserDatain usseruserDatain $ _sessiveferterlogin.2.implementrole-2.imaccessccsccccccccccccccccccccccccc.
如何在PHP中安全地處理文件上傳？
Jun 19, 2025 am 01:05 AM
要安全處理PHP中的文件上傳，核心在于驗(yàn)證文件類(lèi)型、重命名文件并限制權(quán)限。1.使用finfo_file()檢查真實(shí)MIME類(lèi)型，僅允許特定類(lèi)型如image/jpeg；2.用uniqid()生成隨機(jī)文件名，存儲(chǔ)至非Web根目錄；3.通過(guò)php.ini和HTML表單限制文件大小，設(shè)置目錄權(quán)限為0755；4.使用ClamAV掃描惡意軟件，增強(qiáng)安全性。這些步驟有效防止安全漏洞，確保文件上傳過(guò)程安全可靠。
PHP中==（松散比較）和===（嚴(yán)格的比較）之間有什么區(qū)別？
Jun 19, 2025 am 01:07 AM
在PHP中，==與===的主要區(qū)別在于類(lèi)型檢查的嚴(yán)格程度。==在比較前會(huì)進(jìn)行類(lèi)型轉(zhuǎn)換，例如5=="5"返回true，而===要求值和類(lèi)型都相同才會(huì)返回true，例如5==="5"返回false。使用場(chǎng)景上，===更安全應(yīng)優(yōu)先使用，==僅在需要類(lèi)型轉(zhuǎn)換時(shí)使用。
如何在PHP（ - ， *， /，％）中執(zhí)行算術(shù)操作？
Jun 19, 2025 pm 05:13 PM
PHP中使用基本數(shù)學(xué)運(yùn)算的方法如下：1.加法用 號(hào)，支持整數(shù)和浮點(diǎn)數(shù)，也可用于變量，字符串?dāng)?shù)字會(huì)自動(dòng)轉(zhuǎn)換但不推薦依賴；2.減法用-號(hào)，變量同理，類(lèi)型轉(zhuǎn)換同樣適用；3.乘法用*號(hào)，適用于數(shù)字及類(lèi)似字符串；4.除法用/號(hào)，需避免除以零，并注意結(jié)果可能是浮點(diǎn)數(shù)；5.取模用%號(hào)，可用于判斷奇偶數(shù)，處理負(fù)數(shù)時(shí)余數(shù)符號(hào)與被除數(shù)一致。正確使用這些運(yùn)算符的關(guān)鍵在于確保數(shù)據(jù)類(lèi)型清晰并處理好邊界情況。
如何與PHP的NOSQL數(shù)據(jù)庫(kù)（例如MongoDB，Redis）進(jìn)行交互？
Jun 19, 2025 am 01:07 AM
是的，PHP可以通過(guò)特定擴(kuò)展或庫(kù)與MongoDB和Redis等NoSQL數(shù)據(jù)庫(kù)交互。首先，使用MongoDBPHP驅(qū)動(dòng)（通過(guò)PECL或Composer安裝）創(chuàng)建客戶端實(shí)例并操作數(shù)據(jù)庫(kù)及集合，支持插入、查詢、聚合等操作；其次，使用Predis庫(kù)或phpredis擴(kuò)展連接Redis，執(zhí)行鍵值設(shè)置與獲取，推薦phpredis用于高性能場(chǎng)景，Predis則便于快速部署；兩者均適用于生產(chǎn)環(huán)境且文檔完善。
我如何了解最新的PHP開(kāi)發(fā)和最佳實(shí)踐？
Jun 23, 2025 am 12:56 AM
TostaycurrentwithPHPdevelopmentsandbestpractices,followkeynewssourceslikePHP.netandPHPWeekly,engagewithcommunitiesonforumsandconferences,keeptoolingupdatedandgraduallyadoptnewfeatures,andreadorcontributetoopensourceprojects.First,followreliablesource
什么是PHP，為什么它用于Web開(kāi)發(fā)？
Jun 23, 2025 am 12:55 AM
PHPbecamepopularforwebdevelopmentduetoitseaseoflearning,seamlessintegrationwithHTML,widespreadhostingsupport,andalargeecosystemincludingframeworkslikeLaravelandCMSplatformslikeWordPress.Itexcelsinhandlingformsubmissions,managingusersessions,interacti
如何設(shè)置PHP時(shí)區(qū)？
Jun 25, 2025 am 01:00 AM
tosetTherightTimeZoneInphp，restate_default_timezone_set（）functionAtthestArtofyourscriptWithavalIdidentIdentifiersuchas'america/new_york'.1.usedate_default_default_timezone_set_set（）
