在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>
这是我的签名