今天就跟大家聊聊有關(guān)怎么在Laravel框架中使用Blade模板,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
10年積累的做網(wǎng)站、成都做網(wǎng)站經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有中衛(wèi)免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。NO.1Blade模板簡介
問: 什么是Blade模板?
答: Blade模板是Laravel提供一個既簡單又強(qiáng)大的模板引擎;
和其他流行的PHP模板引擎不一樣,他并不限制你在視圖里使用原生PHP代碼;
所有Blade視圖頁面都將被編譯成原生的PHP代碼并緩存起來,除非你的模板文件被修改,否則不會重新編譯。
而這些都意味著Blade不會給我們增加任何負(fù)擔(dān)。
先說一下這里我們會用到的知識點
section
yield
extends
parent
問: Blade模板繼承使用的優(yōu)勢在哪?為什么要使用它?
答:
Blade模板繼承的優(yōu)勢在于,你寫一個管理系統(tǒng)或者別的系統(tǒng)的時候,如果某部分樣式不變,你可能會因為這個寫一個又一個頁面,就很麻煩,而且代碼量多,做的時間久,別人接手也會抓狂,代碼觀賞性不強(qiáng)。但是你要是用到了Blade模板繼承,你就可以省掉那些一樣板塊代碼的數(shù)量;
為什么要使用它?因為方便維護(hù),也節(jié)省代碼量。 多說無益,我們拿出事實說話。
這里,我們先拿出一個Bootstrap的樣式,代碼如下:
Bootstrap與Laravel的測試集合 你好!這里是陳柴的系統(tǒng)
這里是Laravel與Bootstrap的集合
標(biāo)題
副標(biāo)題
圖像一些文本..
菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。?!菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。?!菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。?!
標(biāo)題
副標(biāo)題
圖像一些文本..
菜鳥教程,學(xué)的不僅是技術(shù),更是夢想!?。〔锁B教程,學(xué)的不僅是技術(shù),更是夢想?。?!菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。。?/p>
底部內(nèi)容
當(dāng)然了,如果你想要使用Bootstrap的框架,那你實現(xiàn)要把Bootstrap框架的文件下載好,然后存放于public目錄下,才能使用。
然后我們在view目錄下創(chuàng)建一個名為Bstp.blade.php的視圖,將上面Bootstrap的代碼復(fù)制過去。
做到這,我們繼續(xù)在view目錄下午創(chuàng)建一個目錄,命名為Bstp,在往里面寫入一個文件,命名為Bstp.blade.php
這個時候,我們就要思考怎么才能繼承這個模板了。這個很簡單,只需要用到上面我們提到的那幾個單詞知識點即可。
@yield('title') @section('jumbotron')@show @section('nav') @show @section('box')你好!這里是陳柴的系統(tǒng)
這里是Laravel與Bootstrap的集合
@show @section('footer')標(biāo)題
副標(biāo)題
圖像一些文本..
菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。。〔锁B教程,學(xué)的不僅是技術(shù),更是夢想?。?!菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。。?/p>
標(biāo)題
副標(biāo)題
圖像一些文本..
菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。?!菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。?!菜鳥教程,學(xué)的不僅是技術(shù),更是夢想?。。?/p>
@show底部內(nèi)容
@section(‘nav')
…
@show
@show
這里代表的是一個繼承某個代碼塊的開始以及結(jié)束,section開始,show結(jié)束,nav定義這個可以修改的代碼塊名字。方便子模板調(diào)用。
@yield(‘title')
這里和上面的定義差不多,不同的是,他是不可擴(kuò)展的,也就是說,原來這個div有多大,你就只能多大,而上面那個不一樣,他的內(nèi)容只要超過了原本的div,那么原本的div會隨之增大
。@extends(‘Bstp')
這個代表著,你這個子模板繼承于誰,我這里寫的是這個子模板繼承于view目錄下的Bstp.blade.php。
@parent
這個代表著,把你原本的一起繼承過來,覆蓋。
說了這么多,如果還不理解,那咱們就行動證明
首先,我們驗證第一個@extends
然后,打開我們view目錄下的Bstp目錄里的Bstp.blade.php文件,然后輸入@extends,并且給他賦予一個控制器和路由
子模板代碼如下:
@extends('Bstp')//繼承自view目錄下的Bstp.blade.php
控制器代碼如下:
namespace App\Http\Controllers; class StudentController extends Controller { public function index() { return view('Bstp.Bstp');//這里指的是返回view目錄下Bstp目錄下的Bstp } }
路由如下:
Route::get('index',['as'=>'index','uses'=>'StudentController@index']);
然后我們輸入index,獲得效果如下
這里,我們是不是已經(jīng)輸出出來了?
(這里有個點值得注意,因為我在
里輸入了@yield(‘title'),然后在,Bstp下又給他賦了個值,叫首頁,所以標(biāo)題就是首頁)
然后如果我們想要把中間那塊“關(guān)于我”,“標(biāo)題”,“鏈接”,去掉怎么辦?
好,那么我們只需要,在Bstp.blade.php文件里(Bstp下的),輸入一個空的
@section('box') @stop
即可,效果如下:
你們看,是不是沒有了?
那么好,問題又來了,有的小伙伴想在原來的基礎(chǔ)上再新增一點東西,能讓這個不消失,而且也能顯示新增的東西,要怎么辦呢?
這個問題僅僅只需要一個@parent
如下:
看完上述內(nèi)容,你們對怎么在Laravel框架中使用Blade模板有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。