在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>

posted on 2019-12-01 19:11  GameCat  阅读(199)  评论(0)  编辑  收藏  举报

导航