在實際的開發中,咱們會遇到許多重複頁面的部分,這些頁面的重複會讓咱們的代碼看起來很是冗餘佈局
因此咱們要進行頁面的佈局規劃。思路:將頁面中的公有部分取出來做爲單獨的頁面,其餘繼承公共模板spa
在公共模板的基礎上替換佔位符內容從而構成新的內容頁面。blog
1.使用佔位符的頁面繼承
<body>
<h1>模板頁面佈局</h1>
<h2>這是一個頁面模板的繼承</h2>
@yield('section')
<p>上面的段落內容是繼承模板後的定義內容</p>
<hr>
<p>下面的表格內容是繼承模板後的定義內容</p>
@yield('table')
</body>
2.模板繼承後從新定義的頁面
@extends('moban.muban')
@section('section')
<p>這是繼承模板後定義的內容</p>
<p>這是繼承模板後定義的內容</p>
<p>這是繼承模板後定義的內容</p>
@endsection
@section('table')
<table border="1">
<tr>
<td>11</td><td>22</td>
<td>11</td><td>22</td>
<td>11</td><td>22</td>
</tr>
<tr>
<td>11</td><td>22</td>
<td>11</td><td>22</td>
<td>11</td><td>22</td>
</tr>
</table>
@endsection
以上就是頁面模板佈局的大體思想。注:@extends();繼承時要使用視圖文件的路徑,文件名.視圖頁面名便可 在路由文件定義訪問路由方法時,return view('文件名.視圖頁面名'); @section()和@endsection是對標籤,@section替換的就是yield佔位符的位置c @section('table')=>@yield('table')相互對應