Home > Article > Backend Development > How to use layout files of template engine Blade in Laravel framework?

How to use layout files of template engine Blade in Laravel framework?

WBOYOriginal: 2023-06-03 16:21:21740browse

In the Laravel framework, using the Blade template engine can help us write view files more conveniently and quickly. The layout file feature allows us to easily reuse view files and improve coding efficiency. This article will introduce how to use Blade's layout file in the Laravel framework and give specific implementation steps.

First of all, we need to understand what a layout file is in the Blade template engine. Simply put, a layout file is a special view file in which blocks (or paragraphs) defined can be replaced in other view files.

Using Blade's layout file, you can extract common elements such as the head and tail of the website, write them separately, and reuse them in other pages through "inheritance" or "include". In this way, we can reduce code redundancy and improve code maintainability and reusability.

Next, let’s introduce the specific implementation steps. Before we begin, we need to ensure that the Laravel framework has been successfully installed and that we are familiar with the basic usage of the Blade template engine.

Create layout file

First, we need to create a layout file to define the common blocks of the website. In the Laravel framework, we can place the layout file in the resources/views/layouts directory (if the directory does not exist, you can create it yourself). For example, we name the layout file layout.blade.php. The content of the layout file is as follows:

<!DOCTYPE html>
<html>
<head>
    <title>@yield('title')</title>
</head>
<body>
    <div class="header">
        @section('header')
            <h1>This is the header section</h1>
        @show
    </div>

    <div class="content">
        @yield('content')
    </div>

    <div class="footer">
        @section('footer')
            <p>This is the footer section</p>
        @show
    </div>
</body>
</html>

In this layout file, we define three blocks: title, header and footer. Among them, title is used to specify the title of the page, and header and footer are used to define the head and tail of the website respectively. Please note that these three sections are defined through the @yield directive, which means that other view files can replace or add content through the @section directive.

Create view files

Next, we need to create some view files as subclasses of the layout file to inherit and replace the blocks in the layout file. Suppose we now need to create a page named home, we can create a home.blade.php file and store it in the resources/views directory. The content of home.blade.php is as follows:

@extends('layouts.layout')

@section('title', 'Home Page')

@section('header')
    @parent   //使用@parent指令来保留布局文件中已经定义的内容
    <h2>Welcome to Home Page</h2>
@endsection

@section('content')
    <p>This is the content of Home Page</p>
@endsection

In this view file, we use the @extends directive to inherit the layout file, and in the block defined by the @yield directive, use the @section directive to replace it or add content. For example, in this home.blade.php, we inherit the layout.blade.php file and replace the contents of the title, header and content blocks respectively. In the header block, we use the @parent directive to retain the content already defined in the layout file and add a welcome message based on it.

Rendering view file

The last step is to load the view file in the controller and render it. Assuming we have a HomeController now, we can perform the following operations in its index method:

public function index()
{
    return view('home');
}

In this way, when we access the index method of HomeController, the Laravel framework will load home.blade.php file and render it as output according to the structure defined in the layout file. In this way, we can easily reuse view files and improve the efficiency of website development.

Summary

This article introduces how to use the layout file feature of the Blade template engine in the Laravel framework. By using layout files, we can easily reuse view files and improve the maintainability and reusability of the code. In actual development, we can expand and design the layout file according to our own needs to improve development efficiency and code quality.

The above is the detailed content of How to use layout files of template engine Blade in Laravel framework?. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How does PHP implement API interface?Next article：How does PHP implement API interface?

See more

How to use layout files of template engine Blade in Laravel framework?

Related articles