在實際的開發中,我們會遇到許多重覆頁面的部分,這些頁面的重覆會讓我們的代碼看起來非常冗餘 所以我們要進行頁面的佈局規劃。思路:將頁面中的公有部分取出來作為單獨的頁面,其他繼承公共模板 在公共模板的基礎上替換占位符內容從而構成新的內容頁面。 @頁面占位符yield和頁面繼承extends 1.使用占位 ...
在實際的開發中,我們會遇到許多重覆頁面的部分,這些頁面的重覆會讓我們的代碼看起來非常冗餘
所以我們要進行頁面的佈局規劃。思路:將頁面中的公有部分取出來作為單獨的頁面,其他繼承公共模板
在公共模板的基礎上替換占位符內容從而構成新的內容頁面。
@頁面占位符yield和頁面繼承extends
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')相互對應