How do I create layouts in Blade templates?
Jun 19, 2025 am 12:06 AMThe Blade template engine achieves unified page layout through view inheritance and placeholder mechanisms. 1. Create the main layout file (such as app.blade.php) to define the HTML structure, public resources and replaceable areas, use @section to define the extensible area, and @yield specify the content insertion point; 2. The child page references the main layout through @extends and fills the specific content with @section to achieve structural reuse; 3. Optional skills include using @parent to retain parent content, support multi-layer inheritance, and pay attention to path correctness and HTML output location to ensure that the page structure is clear and easy to maintain.
Blade is a simple and powerful template engine provided by Laravel, which allows you to build reusable page structures. Creating a layout is one of the core features of Blade, allowing you to unify the overall style of your website.
To achieve this, there are two main mechanisms: View Inheritance and Placeholders .
1. Create the master layout file (master layout)
This is the skeleton of the entire website, usually including HTML structure, public CSS/JS introduction, navigation bar, footer, etc.
You can place the main layout file in resources/views/layouts
directory, such as app.blade.php
.
The sample code is as follows:
<!-- resources/views/layouts/app.blade.php --> <html> <head> <title>My website</title> @vite('resources/css/app.css') </head> <body> @section('sidebar') <div class="sidebar"> This is a default sidebar</div> @show <div class="content"> @yield('content') </div> </body> </html>
In the above example:
-
@section('sidebar')...@show
defines an area that can be replaced or expanded by a subpage. -
@yield('content')
is where the subpage inserts content.
2. Use the layout file (extend and section)
Use the main layout in the specific page, you need to reference it through the @extends
directive and fill in the content with @section
.
For example, create a new page home.blade.php
:
<!-- resources/views/home.blade.php --> @extends('layouts.app') @section('content') <h1>Welcome to homepage</h1> <p>This is the main content area. </p> @endsection @section('sidebar') <p>This is the exclusive sidebar content on the homepage</p> @endsection
This allows you to only focus on the content part of the current page without repeating the entire HTML structure.
3. Optional tips and precautions
Here are some tips that are often used in actual development:
Combination of parent-child section
If you want to keep the original content in the parent layout and add new content, you can use
@parent
:@section('sidebar') @parent <p>New content</p> @endsection
-
Multiple levels of nesting
Blade supports multi-layer inheritance, such as inheriting from the main layout and then defining the secondary layout (such as a background dedicated layout), and then letting the page inherit this secondary layout.
-
Avoid common mistakes
- Make sure the path is correct. For example,
layouts.app
in@extends('layouts.app')
corresponds to the file pathresources/views/layouts/app.blade.php
- Don't output HTML at will outside
@section
, as it can easily lead to structural disorders
- Make sure the path is correct. For example,
Basically that's it. By mastering these instructions, you can easily build a Blade page with a clear structure and easy to maintain.
The above is the detailed content of How do I create layouts in Blade templates?. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

In Laravel, routing is the entry point of the application that defines the response logic when a client requests a specific URI. The route maps the URL to the corresponding processing code, which usually contains HTTP methods, URIs, and actions (closures or controller methods). 1. Basic structure of route definition: bind requests using Route::verb('/uri',action); 2. Supports multiple HTTP verbs such as GET, POST, PUT, etc.; 3. Dynamic parameters can be defined through {param} and data can be passed; 4. Routes can be named to generate URLs or redirects; 5. Use grouping functions to uniformly add prefixes, middleware and other sharing settings; 6. Routing files are divided into web.php, ap according to their purpose

InLaravel,policiesorganizeauthorizationlogicformodelactions.1.Policiesareclasseswithmethodslikeview,create,update,anddeletethatreturntrueorfalsebasedonuserpermissions.2.Toregisterapolicy,mapthemodeltoitspolicyinthe$policiesarrayofAuthServiceProvider.

To create new records in the database using Eloquent, there are four main methods: 1. Use the create method to quickly create records by passing in the attribute array, such as User::create(['name'=>'JohnDoe','email'=>'john@example.com']); 2. Use the save method to manually instantiate the model and assign values ??to save one by one, which is suitable for scenarios where conditional assignment or extra logic is required; 3. Use firstOrCreate to find or create records based on search conditions to avoid duplicate data; 4. Use updateOrCreate to find records and update, if not, create them, which is suitable for processing imported data, etc., which may be repetitive.

Thephpartisandb:seedcommandinLaravelisusedtopopulatethedatabasewithtestordefaultdata.1.Itexecutestherun()methodinseederclasseslocatedin/database/seeders.2.Developerscanrunallseeders,aspecificseederusing--class,ortruncatetablesbeforeseedingwith--trunc

Artisan is a command line tool of Laravel to improve development efficiency. Its core functions include: 1. Generate code structures, such as controllers, models, etc., and automatically create files through make: controller and other commands; 2. Manage database migration and fill, use migrate to run migration, and db:seed to fill data; 3. Support custom commands, such as make:command creation command class to implement business logic encapsulation; 4. Provide debugging and environment management functions, such as key:generate to generate keys, and serve to start the development server. Proficiency in using Artisan can significantly improve Laravel development efficiency.

Yes,youcaninstallLaravelonanyoperatingsystembyfollowingthesesteps:1.InstallPHPandrequiredextensionslikembstring,openssl,andxmlusingtoolslikeXAMPPonWindows,HomebrewonmacOS,oraptonLinux;2.InstallComposer,usinganinstalleronWindowsorterminalcommandsonmac

ToruntestsinLaraveleffectively,usethephpartisantestcommandwhichsimplifiesPHPUnitusage.1.Setupa.env.testingfileandconfigurephpunit.xmltouseatestdatabaselikeSQLite.2.Generatetestfilesusingphpartisanmake:test,using--unitforunittests.3.Writetestswithmeth

Defining a method (also known as an action) in a controller is to tell the application what to do when someone visits a specific URL. These methods usually process requests, process data, and return responses such as HTML pages or JSON. Understanding the basic structure: Most web frameworks (such as RubyonRails, Laravel, or SpringMVC) use controllers to group related operations. Methods within each controller usually correspond to a route, i.e. the URL path that someone can access. For example, there may be the following methods in PostsController: 1.index() – display post list; 2.show() – display individual posts; 3.create() – handle creating new posts; 4.u
