Blade模板引擎通過視圖繼承和占位符機制實現頁面佈局統(tǒng)一。 1. 創(chuàng)建主佈局文件（如app.blade.php）定義HTML結構、公共資源及可替換區(qū)域，使用@section定義可擴展區(qū)域，@yield指定內容插入點；2. 子頁面通過@extends引用主佈局，並用@section填充具體內容，實現結構復用；3. 可選技巧包括使用@parent保留父級內容、支持多層繼承以及注意路徑正確性和HTML輸出位置，確保頁面結構清晰易維護。
Blade 是Laravel 提供的一個簡單又強大的模板引擎，它允許你構建可複用的頁面結構。創(chuàng)建佈局是Blade 的核心功能之一，能讓你統(tǒng)一網站的整體風格。
要實現這一點，主要靠兩個機制：視圖繼承（View Inheritance）和佔位符（Sections） 。
1. 創(chuàng)建主佈局文件（master layout）
這是整個網站的骨架，通常包含HTML 結構、公共CSS/JS 引入、導航欄、頁腳等。
你可以把主佈局文件放在resources/views/layouts目錄下，比如叫app.blade.php 。
示例代碼如下：
<!-- resources/views/layouts/app.blade.php -->
<html>
<head>
<title>我的網站</title>
@vite('resources/css/app.css')
</head>
<body>
@section('sidebar')
<div class="sidebar">
這是一個默認的側邊欄</div>
@show
<div class="content">
@yield('content')
</div>
</body>
</html>上面這個例子中：
-
@section('sidebar')...@show定義了一個可以被子頁面替換或擴展的區(qū)域。 -
@yield('content')是子頁面插入內容的地方。
2. 使用佈局文件（extend and section）
在具體頁面中使用主佈局，你需要通過@extends指令來引用它，並用@section填充內容。
比如新建一個頁面home.blade.php ：
<!-- resources/views/home.blade.php -->
@extends('layouts.app')
@section('content')
<h1>歡迎來到首頁</h1>
<p>這裡是主要內容區(qū)域。 </p>
@endsection
@section('sidebar')
<p>這是首頁專屬的側邊欄內容</p>
@endsection這樣就能在不重複寫整個HTML 結構的情況下，只關注當前頁面的內容部分。
3. 可選技巧和注意事項
下面是一些實際開發(fā)中經常用到的小技巧：
父子級section 的組合使用
如果你想保留父佈局中的原有內容並添加新內容，可以用
@parent：@section('sidebar') @parent <p>新增的內容</p> @endsection-
多個層級嵌套
Blade 支持多層繼承，比如從主佈局繼承後再定義二級佈局（如後臺專用佈局），然後讓頁面再繼承這個二級佈局。
-
避免常見錯誤
- 確保路徑正確，例如
@extends('layouts.app')中的layouts.app對應的是文件路徑resources/views/layouts/app.blade.php - 不要在
@section外部隨意輸出HTML，容易導致結構錯亂
- 確保路徑正確，例如
基本上就這些。掌握好這幾個指令，就可以輕鬆搭建出結構清晰、易於維護的Blade 頁面了。
以上是如何在刀片模板中創(chuàng)建佈局？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅動的應用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Laravel中的路線是什麼？如何定義？
Jun 12, 2025 pm 08:21 PM
在Laravel中，路由是應用程序的入口點，用於定義客戶端請求特定URI時的響應邏輯。路由將URL映射到對應的處理代碼，通常包含HTTP方法、URI和動作（閉包或控制器方法）。 1.路由定義基本結構：使用Route::verb('/uri',action)的方式綁定請求；2.支持多種HTTP動詞如GET、POST、PUT等；3.可通過{param}定義動態(tài)參數並傳遞數據；4.路由可命名以便生成URL或重定向；5.使用分組功能統(tǒng)一添加前綴、中間件等共享設置；6.路由文件按用途分為web.php、ap
Laravel的政策是什麼，如何使用？
Jun 21, 2025 am 12:21 AM
InLaravel,policiesorganizeauthorizationlogicformodelactions.1.Policiesareclasseswithmethodslikeview,create,update,anddeletethatreturntrueorfalsebasedonuserpermissions.2.Toregisterapolicy,mapthemodeltoitspolicyinthe$policiesarrayofAuthServiceProvider.
如何使用雄辯在數據庫中創(chuàng)建新記錄？
Jun 14, 2025 am 12:34 AM
要使用Eloquent在數據庫中創(chuàng)建新記錄，有四種主要方法：1.使用create方法，傳入屬性數組快速創(chuàng)建記錄，如User::create(['name'=>'JohnDoe','email'=>'john@example.com']);2.使用save方法手動實例化模型並逐個賦值保存，適用於需要條件賦值或額外邏輯的場景；3.使用firstOrCreate根據搜索條件查找或創(chuàng)建記錄，避免重複數據；4.使用updateOrCreate查找記錄並更新，若無則創(chuàng)建，適合處理導入數據等可能重
我如何在Laravel運行播種機？ （PHP Artisan DB：種子）
Jun 12, 2025 pm 06:01 PM
Thephpartisandb:seedcommandinLaravelisusedtopopulatethedatabasewithtestordefaultdata.1.Itexecutestherun()methodinseederclasseslocatedin/database/seeders.2.Developerscanrunallseeders,aspecificseederusing--class,ortruncatetablesbeforeseedingwith--trunc
Laravel中工匠命令行工具的目的是什麼？
Jun 13, 2025 am 11:17 AM
Artisan是Laravel的命令行工具，用于提升開發(fā)效率。其核心作用包括：1.生成代碼結構，如控制器、模型等，通過make:controller等命令自動創(chuàng)建文件；2.管理數據庫遷移與填充，使用migrate運行遷移，db:seed填充數據；3.支持自定義命令，如make:command創(chuàng)建命令類實現業(yè)務邏輯封裝；4.提供調試與環(huán)境管理功能，如key:generate生成密鑰，serve啟動開發(fā)服務器。熟練使用Artisan可顯著提高Laravel開發(fā)效率。
如何在操作系統(tǒng)（Windows，MacOS，Linux）上安裝Laravel？
Jun 19, 2025 am 12:31 AM
是的，YouCaninStallaLaveRonanyOperatingSystembyFollowingTheSeSteps：1.InstallphpandRequiredExtensionsLikeMbString，OpenSSL，AndxmlusingtoolslikeXampponwindows，HomebrewhonMacos，HomebrewonMacos，homebbrewonmacos，homebtonlinux，oraptonlinux；
我如何在Laravel進行測試？ （PHP手工測試）
Jun 13, 2025 am 12:02 AM
ToruntestsinLaraveleffectively,usethephpartisantestcommandwhichsimplifiesPHPUnitusage.1.Setupa.env.testingfileandconfigurephpunit.xmltouseatestdatabaselikeSQLite.2.Generatetestfilesusingphpartisanmake:test,using--unitforunittests.3.Writetestswithmeth
如何在控制器中定義方法（操作）？
Jun 14, 2025 am 12:38 AM
在控制器中定義方法（也稱為動作）是告訴應用程序當有人訪問特定URL時該做什麼。這些方法通常處理請求、處理數據並返迴響應，如HTML頁面或JSON。理解基本結構：大多數Web框架（如RubyonRails、Laravel或SpringMVC）使用控制器對相關操作進行分組。每個控制器內的方法通常對應一個路由，即某人可以訪問的URL路徑。例如，在PostsController中可能有以下方法：1.index()–顯示帖子列表；2.show()–顯示單個帖子；3.create()–處理創(chuàng)建新帖子；4.u
