집 > 기사 > PHP 프레임워크 > Laravel 개발: Laravel Blade 템플릿 레이아웃을 사용하는 방법은 무엇입니까?

Laravel 개발: Laravel Blade 템플릿 레이아웃을 사용하는 방법은 무엇입니까?

WBOY원래의: 2023-06-14 10:41:19960검색

Laravel은 PHP를 기반으로 한 뛰어난 개발 프레임워크로, 배우기 쉽고 효율적이며 안전하다는 장점이 있어 WEB 개발자들에게 큰 사랑을 받고 있습니다. 그 중 라라벨 블레이드 템플릿 레이아웃은 라라벨 프레임워크에서 매우 실용적인 기능입니다. 이번 글에서는 실제 사례를 통해 라라벨 블레이드 템플릿 레이아웃을 어떻게 활용하는지 보여드리겠습니다.

블레이드 템플릿 레이아웃이란 무엇입니까?

Blade 템플릿 엔진은 Laravel 프레임워크의 기본 뷰 엔진입니다. PHP 기본 구문의 템플릿 엔진에 비해 Blade는 더 간결하고 우아한 구문을 지원하며 Laravel 프레임워크와 함께 더 잘 사용할 수 있습니다. 라라벨 블레이드 템플릿 레이아웃은 웹페이지를 헤더, 테일, 사이드바, 블록 콘텐츠의 모듈식 조합으로 나누어 별도의 개발을 용이하게 하고 개발 효율성을 높이는 것을 말합니다.

레이아웃 마스터 템플릿 만들기

Laravel에서는 artisan 명령을 사용하여 레이아웃 마스터 템플릿을 생성할 수 있습니다. 구체적인 단계는 다음과 같습니다:

php artisan make:layout masterphp artisan make:layout master

执行该命令后，在项目resources/views/layouts/目录下会生成一个名为master.blade.php的主模板文件。打开该文件，可以看到其中的代码内容如下：

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>@yield('title')</title>
</head>
<body>
    <header>
        @yield('header')
    </header>
    <nav>
        @yield('nav')
    </nav>
    <main>
        @yield('content')
    </main>
    <footer>
        @yield('footer')
    </footer>
</body>
</html>

我们可以看到，模板文件中包含了头部、尾部、导航栏、主体等不同的区块，使用Blade模板语法的@yield()函数来占位，这里的@yield()函数定义了一个模板区块，以后我们将在其他视图文件中使用@section()函数填充这些模板区块。

替换被继承的子视图

对于任何需要使用布局的视图文件，都可以通过继承主模板来进行布局。打开视图文件，添加如下代码：

@extends('layouts.master')

이 명령을 실행하면 master.blade.php라는 마스터 템플릿 파일이 프로젝트 resources/views/layouts/ 디렉터리에 생성됩니다. 파일을 열어보면 다음과 같은 코드 내용을 확인할 수 있습니다.

@section('title', '页面标题')
@section('header')
    <h1>头部内容</h1>
@endsection
@section('nav')
    <ul>
        <li><a href="#">导航栏1</a></li>
        <li><a href="#">导航栏2</a></li>
        <li><a href="#">导航栏3</a></li>
    </ul>
@endsection
@section('content')
    <p>主体内容</p>
@endsection
@section('footer')
    <p>版权信息</p>
@endsection

Blade 템플릿의 @yield()를 사용하여 템플릿 파일에 헤더, 테일, 네비게이션 바, 바디 등 다양한 블록이 포함되어 있음을 알 수 있습니다. 여기에서 @yield() 함수는 템플릿 블록을 정의합니다. 앞으로 이러한 템플릿 블록을 채우기 위해 다른 뷰 파일에서 @section() 함수를 사용할 것입니다.

레이아웃을 사용해야 하는 모든 뷰 파일은 기본 템플릿을 상속하여 배치할 수 있습니다. 보기 파일을 열고 다음 코드를 추가하세요.

@extends('layouts.master')

@extends('layouts.master') 여기서는 현재 보기 파일이 기본 보기 파일에서 상속된다는 의미입니다. 템플릿 파일 레이아웃.마스터 . 그런 다음 @yield() 함수로 정의된 템플릿 블록 이름으로 이러한 템플릿 블록을 채울 수 있습니다. 예를 들어 뷰 파일에 다음 코드를 추가할 수 있습니다.

    <?php

    namespace AppHttpControllers;

    use IlluminateHttpRequest;
    use IlluminateSupportFacadesView;

    class HomeController extends Controller
    {
        public function index()
        {
            $data = [
                'title' => '页面标题',
                'header' => '<h1>头部内容</h1>',
                'nav' => '<ul>
                            <li><a href="#">导航栏1</a></li>
                            <li><a href="#">导航栏2</a></li>
                            <li><a href="#">导航栏3</a></li>
                          </ul>',
                'content' => '<p>主体内容</p>',
                'footer' => '<p>版权信息</p>'
            ];
            return View::make('home.index', $data);
        }
    }

Laravel은 @yield() 함수 및 @section() 함수 외에도 View 정적 메서드를 사용하는 것이 좋습니다. 구체적인 구현 단계는 다음과 같습니다.

@section('content')
    <div>
        @foreach ($posts as $post)
            <h2>{{ $post->title }}</h2>
            <p>{{ substr($post->content, 0, 100) }}</p>
        @endforeach
    </div>
@endsection

위 코드에서는 View::make를 사용하여 뷰를 생성하고 배열 인스턴스 $data를 뷰의 변수 컨텍스트로 전달했습니다. 이 배열에는 기본 템플릿의 해당 템플릿 블록을 채우는 데 사용되는 $title, $header, $nav, $content, $footer 등 5개의 변수를 정의했습니다.

위 내용은 Laravel 개발: Laravel Blade 템플릿 레이아웃을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

php laravel html if for foreach 循环继承

성명：

이전 기사：Laravel 개발: Laravel Response를 사용하여 응답을 반환하는 방법은 무엇입니까?다음 기사：Laravel 개발: Laravel Response를 사용하여 응답을 반환하는 방법은 무엇입니까?