在laravel框架中使用模板继承来进行更方便的布局

Posted hellozxcv的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在laravel框架中使用模板继承来进行更方便的布局相关的知识,希望对你有一定的参考价值。

html中有很多东西是重复的,这是需要用到laravel的模板继承,来完成这样的简化操作。

父模板

既然时模板继承,那么就首先有一个父模板,父模板类似网页html中的头部和尾部,但又有一些不一样。

// parent.blade.php
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>@yield('parent_title')</title>

</head>
<body>
    <div class="fisrt">
        @section('parent_first')
            
        @show()
    </div>
</body>
</html>

子模板

子模板继承父模板后直接使用父模板的html结构,同时对父模板中定义的seciotn部分进行内容填充

// son.blade.php
@extends('son')

// 填充父模板中变量@yield('parent_title')
@section('parent_title', '这是子模版的title')

// 填充父模板中的内容区域 
@section('parent_first')
    <ul>
        <li>1</li>
    </ul>
@endsection

最后子模版经过解析后,会得出如下结构

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>这是子模版的title</title>

</head>
<body>
    <div class="fisrt">
        <ul>
            <li>1</li>
        </ul>
    </div>
</body>
</html>

以上是关于在laravel框架中使用模板继承来进行更方便的布局的主要内容,如果未能解决你的问题,请参考以下文章

Django中模板总结[模板语言,模板继承,CSRF攻击,反向解析]

请教laravel view 怎么显示 controller 中传递的对象值

Django(十五)模板详解:模板标签过滤器模板注释模板继承html转义

FlaskFlask框架中的模板代码复用

tp框架之模板继承

在Flask中使用模版