Laravel Blade模板
Laravel Blade模板
Laravel 5.1引入了使用 Blade 的概念,這是一種模板引擎,用于設(shè)計(jì)獨(dú)特的布局。這樣設(shè)計(jì)的布局可以被其他視圖使用,并且包括一致的設(shè)計(jì)和結(jié)構(gòu)。
與其他模板引擎相比,Blade在以下方面具有獨(dú)特之處 -
- 它不限制開發(fā)人員在視圖中使用普通的PHP代碼。
- 這樣設(shè)計(jì)的刀片視圖將被編譯并緩存,直到它們被修改。
這里給出的屏幕截圖顯示了Laravel的完整目錄結(jié)構(gòu)。
您可以觀察到所有視圖都存儲在 resources / views 目錄中,而Laravel框架的默認(rèn)視圖是 welcome.blade.php 。
請注意,其他刀片模板也是以類似方式創(chuàng)建的。
創(chuàng)建刀片模板布局的步驟
您將不得不使用以下步驟創(chuàng)建刀片模板布局 -
步驟1
- 在 resources / views 文件夾中創(chuàng)建一個(gè)布局文件夾。我們將使用此文件夾將所有布局存儲在一起。
- 創(chuàng)建一個(gè)文件名為 master.blade.php ,該文件將具有與其關(guān)聯(lián)的以下代碼 -
<html> <head> <title>DemoLaravel - @yield('title')</title> </head> <body> @yield('content') </body>
第2步
在這一步中,您應(yīng)該擴(kuò)展布局。擴(kuò)展布局涉及定義子元素。Laravel使用 Blade @extends 指令來定義子元素。
在擴(kuò)展布局時(shí),請注意以下幾點(diǎn) -
- 刀片布局中定義的視圖以獨(dú)特方式注入容器。
- 各種視圖部分都是作為子元素創(chuàng)建的。
- 子元素作為 child.blade.php 存儲在布局文件夾中 **
這里顯示了一個(gè)顯示擴(kuò)展上面創(chuàng)建的布局的示例 -
@extends('layouts.app') @section('title', 'Page Title') @section('sidebar') @parent <p>This refers to the master sidebar.</p> @endsection @section('content') <p>This is my body content.</p> @endsection
第3步
要在視圖中實(shí)現(xiàn)子元素,您應(yīng)該按照需要的方式定義布局。
觀察這里顯示的屏幕截圖。您可以發(fā)現(xiàn),著陸頁中提到的每個(gè)鏈接都是超鏈接。請注意,您也可以使用上述步驟在刀片模板的幫助下將它們創(chuàng)建為子元素。
相關(guān)文章