Blade is Laravel's template engine, built with simplified views with neat labels. Its core functions include: 1. Layout inheritance, and the content replacement of the main template and subpage is achieved through @extends and @section to reduce duplicate code; 2. Control structures, such as @if and @foreach directives for conditional judgment and loop rendering, it is recommended to avoid excessive nesting to keep the logic clear; 3. Component and slot mechanisms, support the creation of reusable UI elements, call components through @component or abbreviated
Blade is a template engine built into Laravel. It does not rely on native PHP syntax, but provides a set of concise and easy-to-read labels to build views. Although it is powerful, you may feel a little uncomfortable when you first get started. Here are some practical suggestions and common uses for using Blade to help you write Laravel views more efficiently.
Infrastructure and layout inheritance
A core feature of Blade is Layout Inheritance, which allows you to define a main template and then replace specific parts in the subpage.
Recommended practices:
- Create a
layouts/app.blade.phpfile as the main template. - In the subpage, inherit this layout through
@extends('layouts.app'). - Use
@section('content')...@endsectionto fill in the content area in the main template.
For example:
<!-- layouts/app.blade.php -->
<html>
<head><title>@yield('title', 'default title')</title></head>
<body>
@yield('content')
</body>
</html> <!-- pages/home.blade.php -->
@extends('layouts.app')
@section('title', 'Home')
@section('content')
<h1>Welcome to homepage</h1>
@endsectionThis avoids duplicate code while keeping the page structure clear.
Control structure: conditional judgment and loop
Blade provides a PHP-like control structure, but appears in the form of instructions, such as @if , @else , @foreach , etc.
Common usage:
Determine whether the user is logged in:
@if(auth()->check()) <p>Welcome back, {{ auth()->user()->name }}</p> @else <p>Please log in first. </p> @endifTraversing the data list:
<ul> @foreach($users as $user) <li>{{ $user->name }}</li> @endforeach </ul>
Note: Do not over-nest these control structures, keep the logic simple, clear and easier to maintain.
Components & Slots
Laravel has introduced a component system since version 7, which is very suitable for building reusable UI elements such as buttons, cards, etc.
Basic usage:
Create component classes and views:
php artisan make:component Alert
This generates an
Alertclass and a corresponding Blade file.Define component content:
<!-- components/alert.blade.php --> <div class="alert alert-{{ $type }}"> {{ $slot }} </div>Use in other views:
@component('components.alert', ['type' => 'success']) Operation was successful! @endcomponent
Or use the abbreviation:
<x-alert type="danger">An error occurred! </x-alert>
This method makes front-end code more modular and easier to test and maintain.
Data binding and escape
Blade will perform HTML escapes variables by default to prevent XSS attacks. If you are sure that the output is safe, you can use {!! !!} to bypass escape.
{{ $userInput }} <!-- Escape Output-->
{!! $trustedHtml !!} <!-- Not escaped output -->This is very important, especially when displaying content input by users, be sure to ensure security.
In addition, Blade supports using PHP expressions directly in the view, but try to use <?php ... ?> as little as possible to keep the template neat.
Basically that's it. Blade looks simple, but flexible use in actual projects can greatly improve development efficiency. Once you master the features such as layout inheritance and component design, writing views will become very easy.
The above is the detailed content of Working with Blade Templating Engine in Laravel Views?. 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
What are routes in Laravel, and how are they defined?
Jun 12, 2025 pm 08:21 PM
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
What are policies in Laravel, and how are they used?
Jun 21, 2025 am 12:21 AM
InLaravel,policiesorganizeauthorizationlogicformodelactions.1.Policiesareclasseswithmethodslikeview,create,update,anddeletethatreturntrueorfalsebasedonuserpermissions.2.Toregisterapolicy,mapthemodeltoitspolicyinthe$policiesarrayofAuthServiceProvider.
How do I create new records in the database using Eloquent?
Jun 14, 2025 am 12:34 AM
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.
How do I run seeders in Laravel? (php artisan db:seed)
Jun 12, 2025 pm 06:01 PM
Thephpartisandb:seedcommandinLaravelisusedtopopulatethedatabasewithtestordefaultdata.1.Itexecutestherun()methodinseederclasseslocatedin/database/seeders.2.Developerscanrunallseeders,aspecificseederusing--class,ortruncatetablesbeforeseedingwith--trunc
What is the purpose of the artisan command-line tool in Laravel?
Jun 13, 2025 am 11:17 AM
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.
How do I install Laravel on my operating system (Windows, macOS, Linux)?
Jun 19, 2025 am 12:31 AM
Yes,youcaninstallLaravelonanyoperatingsystembyfollowingthesesteps:1.InstallPHPandrequiredextensionslikembstring,openssl,andxmlusingtoolslikeXAMPPonWindows,HomebrewonmacOS,oraptonLinux;2.InstallComposer,usinganinstalleronWindowsorterminalcommandsonmac
How do I define methods (actions) in a controller?
Jun 14, 2025 am 12:38 AM
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
How do I run tests in Laravel? (php artisan test)
Jun 13, 2025 am 12:02 AM
ToruntestsinLaraveleffectively,usethephpartisantestcommandwhichsimplifiesPHPUnitusage.1.Setupa.env.testingfileandconfigurephpunit.xmltouseatestdatabaselikeSQLite.2.Generatetestfilesusingphpartisanmake:test,using--unitforunittests.3.Writetestswithmeth
