laravel模板布局


在實際的開發中,我們會遇到許多重復頁面的部分,這些頁面的重復會讓我們的代碼看起來非常冗余

所以我們要進行頁面的布局規划。思路:將頁面中的公有部分取出來作為單獨的頁面,其他繼承公共模板

在公共模板的基礎上替換占位符內容從而構成新的內容頁面。

@頁面占位符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')相互對應





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM