What is a Blade template?
Blade template is a template engine provided by Laravel. It is simple and powerful. Blade allows the use of native PHP code in views. Laravel uses compiled cache files instead of the view itself, so Blade is very useful for applications. It's zero overhead.
Blade template is:
Blade is a template engine provided by Laravel. It is simple and powerful. Unlike other PHP template engines, Blade allows the use of native PHP code in views.
In fact, all Blade views will eventually be compiled into native PHP code and cached in the storage/framework/views folder.
Laravel uses these compiled cache files, not the views themselves, so Blade has zero overhead for the application. When you modify a view file, it is recompiled and cached for use. Blade views have the suffix name of blade.php and are generally stored in the resources/views folder.
Template inheritance:
1. Define layout file
The main two advantages of Blade template engine are "template inheritance" ” and “Block.” To give a simple example, in a project, almost all pages have the same layout. At this time, this layout can be extracted and used as a master page. All pages that inherit this master page will have the same layout effect. , becoming a child page of the master page. The master page is also called a layout file, and the layout file is a Blade view:
<!-- Stored in resources/views/layouts/app.blade.php -->
<html>
<head>
<title>App Name - @yield('title')</title>
</head>
<body>
@section('sidebar')
This is the master sidebar.
@show
<div class="container">
@yield('content')
</div>
<body>
</html>In addition to the basic HTNL tags, the layout file also uses two instructions: @section and @yield. @section defines the block, and @yield defines the content in the block.
under. to define subpages of the layout file.
2. Inherit the layout file
In the subpage, use Blade's @extends directive to specify the "inherited" layout file, and use the @section directive to specify the "inherited" layout file in the layout file. Inject content where the @section and @yield directives are used:
<!-- Stored in resources/views/child.blade.php -->
@extends('layouts.app')
@section('title','Page Title')
@section('sidebar')
<p> This is appended to the master sideebar</p>
@endsection
@section('content')
<p>This ismy body content. </p>
@endsectionYou can see that where the @yield directive is used in the layout file, @section is still used to inject content in the subpage; in the layout file, use One benefit of the @section directive definition is that when using @section injection in child pages, you can use the @parent directive to append (rather than overwrite) the content in the layout file where the @yield directive is used in the layout file. It can't be done. The @parent directive will be replaced with the content in the layout file when the view is rendered.
Note that, unlike the sidebar defined in the file layout, the subpage is ended with @endsection instead of @show. Because @endsection is only used to define blocks, and @show is used to define and immediately generate blocks.
To return the view file directly from the route, you need to use the global auxiliary function helper:
Route::get('blade', function(){
return view('child');
})3, Component & Slot
Component and slot Slots provide similar benefits to layouts and blocks. The mental model of components and slots is more intuitive. Imagine that we have a repeatable "pop-up box" component in our project:
<!-- Stored resource/views/alter.blade.php -->
<div class="alter alter-danger">
{{ $slot }}
</div>{{ $slot }} represents the content of the inserted component. To build this component, use Blade's @component directive:
@component('alter')
<strong>Whoops!</strong> Something went wrong!
@endcomponentIn this scenario, {{ $slot }} The content of the variable is:
<strong>Whoops! </strong> Something went wrong!
Sometimes one Components require multiple slots. At this time, you only need to slightly change the component code and define a "title" slot, which is called a named slot. Named slots display content by simply "printing" the variable matching its name:
<!-- Stored resources/views/alter.blade.php-->
<div class="alter alter-danger">
<div class="alter-title">{{ $title }}</div>
{{ $slot }}
</div>To inject content into a named slot, use the @slot directive. All content not in the @slot directive will be passed to the $slot variable in the component.
@compontent ('alter')
@slot('title')
Forbidden
@endslot
You are not allowed to access this resource!
@edcompontent~4. Pass additional data for the component:
Sometimes it is necessary to pass additional data for the component. To do this, you can pass a second array argument to the @conponent directive. Specify extras to pass. All past additional data can be used as variables in the component template:
@component
<compontent('alter', ['foo' => 'bar');
.....
@endCompontent5. Display data
Transfer data to the Blade view by passing The variable is wrapped in [ ] :
Route::get('greeting', function(){
return view('welcome', [ 'name' => ''Samantha']);
})You can use the name variable to display the content:
Hello! {{ $name }}{{ }} Yes Blade view's print statement. Of course, the print statement is not limited to printing variable contents, and PHP functions can also be used. In fact, any PHP code can be used in the print statement here:
The current UNIX timestamp is {{ time() }}6. Display non-transferred data
By default, all is passed to Blade {{ }} The content of the statement will be processed using the htmlspecialchar function to escape the content to avoid XSS attacks. If there is no need to escape the output content, you can use the following syntax:
Hello! {{!! $name !!}}.But be careful, you should give priority to using the escaped {{ }} syntax to avoid XXS attacks. Because sometimes it is difficult to avoid intentional or unintentional data input by users.
Related learning recommendations: Laravel
The above is the detailed content of What is a Blade template?. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
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
Laravel Eloquent ORM in Bangla partial model search)
Apr 08, 2025 pm 02:06 PM
LaravelEloquent Model Retrieval: Easily obtaining database data EloquentORM provides a concise and easy-to-understand way to operate the database. This article will introduce various Eloquent model search techniques in detail to help you obtain data from the database efficiently. 1. Get all records. Use the all() method to get all records in the database table: useApp\Models\Post;$posts=Post::all(); This will return a collection. You can access data using foreach loop or other collection methods: foreach($postsas$post){echo$post->
Laravel Introduction Example
Apr 18, 2025 pm 12:45 PM
Laravel is a PHP framework for easy building of web applications. It provides a range of powerful features including: Installation: Install the Laravel CLI globally with Composer and create applications in the project directory. Routing: Define the relationship between the URL and the handler in routes/web.php. View: Create a view in resources/views to render the application's interface. Database Integration: Provides out-of-the-box integration with databases such as MySQL and uses migration to create and modify tables. Model and Controller: The model represents the database entity and the controller processes HTTP requests.
Solve caching issues in Craft CMS: Using wiejeben/craft-laravel-mix plug-in
Apr 18, 2025 am 09:24 AM
When developing websites using CraftCMS, you often encounter resource file caching problems, especially when you frequently update CSS and JavaScript files, old versions of files may still be cached by the browser, causing users to not see the latest changes in time. This problem not only affects the user experience, but also increases the difficulty of development and debugging. Recently, I encountered similar troubles in my project, and after some exploration, I found the plugin wiejeben/craft-laravel-mix, which perfectly solved my caching problem.
Laravel user login function
Apr 18, 2025 pm 12:48 PM
Laravel provides a comprehensive Auth framework for implementing user login functions, including: Defining user models (Eloquent model), creating login forms (Blade template engine), writing login controllers (inheriting Auth\LoginController), verifying login requests (Auth::attempt) Redirecting after login is successful (redirect) considering security factors: hash passwords, anti-CSRF protection, rate limiting and security headers. In addition, the Auth framework also provides functions such as resetting passwords, registering and verifying emails. For details, please refer to the Laravel documentation: https://laravel.com/doc
Laravel's geospatial: Optimization of interactive maps and large amounts of data
Apr 08, 2025 pm 12:24 PM
Efficiently process 7 million records and create interactive maps with geospatial technology. This article explores how to efficiently process over 7 million records using Laravel and MySQL and convert them into interactive map visualizations. Initial challenge project requirements: Extract valuable insights using 7 million records in MySQL database. Many people first consider programming languages, but ignore the database itself: Can it meet the needs? Is data migration or structural adjustment required? Can MySQL withstand such a large data load? Preliminary analysis: Key filters and properties need to be identified. After analysis, it was found that only a few attributes were related to the solution. We verified the feasibility of the filter and set some restrictions to optimize the search. Map search based on city
Laravel and the Backend: Powering Web Application Logic
Apr 11, 2025 am 11:29 AM
How does Laravel play a role in backend logic? It simplifies and enhances backend development through routing systems, EloquentORM, authentication and authorization, event and listeners, and performance optimization. 1. The routing system allows the definition of URL structure and request processing logic. 2.EloquentORM simplifies database interaction. 3. The authentication and authorization system is convenient for user management. 4. The event and listener implement loosely coupled code structure. 5. Performance optimization improves application efficiency through caching and queueing.
Laravel framework installation method
Apr 18, 2025 pm 12:54 PM
Article summary: This article provides detailed step-by-step instructions to guide readers on how to easily install the Laravel framework. Laravel is a powerful PHP framework that speeds up the development process of web applications. This tutorial covers the installation process from system requirements to configuring databases and setting up routing. By following these steps, readers can quickly and efficiently lay a solid foundation for their Laravel project.
How to view the version number of laravel? How to view the version number of laravel
Apr 18, 2025 pm 01:00 PM
The Laravel framework has built-in methods to easily view its version number to meet the different needs of developers. This article will explore these methods, including using the Composer command line tool, accessing .env files, or obtaining version information through PHP code. These methods are essential for maintaining and managing versioning of Laravel applications.
