Laravel 5.1 框架Blade模板引擎用法實例分析
本文實例講述了Laravel 5.1 框架Blade模板引擎用法。分享給大家供大家參考,具體如下:
為什么要使用blade 它是干什么用的?
blade模板引擎使我們寫HTML頁面的地方,使用它是因為它能給我們提供很多的遍歷,減少代碼的重復(fù)率 提高開發(fā)效率。我們寫blade的路徑是 resources/view 下,它的文件名后綴是blade.php。
1 繼承
繼承是相當(dāng)爽的,它可以從主模板繼承所有代碼,以免大量的代碼重復(fù)。這樣說比較片面,具體看眼代碼吧。
1.1 模板繼承拓展 代碼片段
首先先創(chuàng)建一個 admin/layout.blade.php:
<!DOCTYPE html> <html> <head> <title>Learn Laravel-- @yield('title')</title> </head> <body> @section('navibar') The master navigation bar @show <div class="container"> @yield('content') </div> </body> </html>
然后創(chuàng)建 admin/home.blade.php 繼承自layout:
@extends('admin.layout') @section('title') Home @endsection @section('navibar') @parent <p>增加別的代碼 不是完全覆蓋</p> @endsection @section('content') <p>Content body</p> @endsection
注冊路由 實現(xiàn)控制器方法并展示
Route::group(['prefix' => 'admin', 'namespace' => 'Admin'], function (){ Route::resource('/', 'HomeController'); }); public function index() { return view('admin.home'); }
總結(jié): 好了 現(xiàn)在咱先看layout代碼 它初始定義了一個HTML簡單的模板,在需要拓展的地方都加上了@yield關(guān)鍵字 這代表可填充的一塊兒代碼片段區(qū)域,而@section(navi)是聲明了一段片段 然后通過@show來展示。
然后我們創(chuàng)建了home文件,它可以繼承自layout 通過@extends() 繼承之后就可以使用@section填充layout中的@yield的了,一個yield對應(yīng)著一個section,關(guān)于layout中的@section(navi) 在home中也進行了補充 因為使用了@parent關(guān)鍵字,代表著不覆蓋父模板的代碼片段 而是在父模板的代碼片段最后追加代碼,當(dāng)然啦 如果你要是去掉@parent關(guān)鍵字就會覆蓋掉。
如果這么說你還是不明白的話,打開編譯器敲一遍 看看結(jié)果就清楚了。
1.2 引入一段代碼
這也是blade相當(dāng)強大的地方 當(dāng)你寫了一段HTML之后呢 發(fā)現(xiàn)其中有些內(nèi)容在別的頁面下重用率很高,你完全可以把它抽出來放在另一個blade中,然后每當(dāng)你要使用這段代碼時使用@include引入就行了。
首先我們先來創(chuàng)建一個 some.blade.php(至于放在哪里隨你便) :
<p>這只是一個演示 所以不浪費時間寫太多的HTML</p>
然后在home中引用它吧:
@extends('admin.layout') @section('title') Home @endsection @section('navibar') @parent <p>增加別的代碼 不是完全覆蓋</p> @endsection @section('content') @include('admin.some') <p>Content body</p> @endsection
2 數(shù)據(jù)展示
這段說說如何將數(shù)據(jù)傳入到一個視圖 然后將它展示到頁面上。
2.1 數(shù)據(jù)傳入
數(shù)據(jù)傳入有兩種種方法 先說第一種 數(shù)組方式:
public function index() { $name = 'K'; return view('admin.home', compact('name')); // 也可以這么寫 // return view('admin.home', ['name' => $name]); }
第二種方法是with方法:
public function index() { $name = 'K'; return view('admin.home')->with('name', $name); }
2.2 展示數(shù)據(jù)
第一種展示方法 {{ }},用雙花括號括起來就可以展示傳入blade模板的變量,在{{ }} 里是可以使用PHP代碼的:
<p>用戶:{{ $name }}</p>
第二種展示方法{!! !!},它是不經(jīng)過htmlentities函數(shù)處理的,所以說你傳遞的數(shù)據(jù)是html數(shù)據(jù)的話 可以使用這種方法:
return view('admin.home')->with('name', '<h1>K</h1>'); <p>用戶:{!! $name !!}</p>
3 控制語句
blade模板為了最大化使代碼簡潔呢 它本身自帶了很多控制語句 這跟咱學(xué)的PHP很類似,就是if啊 foreach啊什么的
3.1 if控制 - 如果
廢話不多說 實例放這你就能懂:
@if(isset($name)) <p>{{ $name }}</p> @else <p>None</p> @endif
3.2 unless控制 - 除非
@unless(!isset($name)) <p>{{ $name }}</p> @endunless
3.3 for控制 - 循環(huán)
@for ($i = 0; $i < 10; $i++) <p>{{ $i }}</p> @endfor
3.4 foreach控制 - 循環(huán)遍歷
{{--$names = ['k', 'l', 'i'];--}} @foreach($names as $name) <p>{{ $name }}</p> @endforeach
更多關(guān)于Laravel相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Laravel框架入門與進階教程》、《php優(yōu)秀開發(fā)框架總結(jié)》、《php面向?qū)ο蟪绦蛟O(shè)計入門教程》、《php+mysql數(shù)據(jù)庫操作入門教程》及《php常見數(shù)據(jù)庫操作技巧匯總》
希望本文所述對大家基于Laravel框架的PHP程序設(shè)計有所幫助。
- Laravel實現(xiàn)通過blade模板引擎渲染視圖
- Laravel中的Blade模板引擎示例詳解
- Laravel模板引擎Blade中section的一些標(biāo)簽的區(qū)別介紹
- Laravel 5框架學(xué)習(xí)之Blade 簡介
- Laravel框架中Blade模板的用法示例
- Laravel框架之blade模板新手入門教程及小技巧
- 解決Laravel blade模板轉(zhuǎn)義html標(biāo)簽的問題
- 在Laravel 的 Blade 模版中實現(xiàn)定義變量
- Laravel 實現(xiàn)在Blade模版中使用全局變量代替路徑的例子
- laravel框架實現(xiàn)為 Blade 模板引擎添加新文件擴展名操作示例
相關(guān)文章
淺析PHP中的 inet_pton 網(wǎng)絡(luò)函數(shù)
inet_pton是一個IP地址轉(zhuǎn)換函數(shù),可以在將IP地址在“點分十進制”和“二進制整數(shù)”之間轉(zhuǎn)換,這篇文章主要介紹了PHP inet_pton 網(wǎng)絡(luò)函數(shù),需要的朋友可以參考下2019-12-12PHP函數(shù)分享之curl方式取得數(shù)據(jù)、模擬登陸、POST數(shù)據(jù)
這篇文章主要介紹了curl方式取得數(shù)據(jù)、模擬登陸、POST數(shù)據(jù),需要的朋友可以參考下2014-06-06Laravel框架實現(xiàn)發(fā)送短信驗證功能代碼
這篇文章主要介紹了Laravel框架實現(xiàn)發(fā)送短信驗證的相關(guān)資料,非常錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06CodeIgniter實現(xiàn)從網(wǎng)站抓取圖片并自動下載到文件夾里的方法
這篇文章主要介紹了CodeIgniter實現(xiàn)從網(wǎng)站抓取圖片并自動下載到文件夾里的方法,實例分析了CodeIgniter網(wǎng)頁圖片操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06通過dbi使用perl連接mysql數(shù)據(jù)庫的方法
這篇文章主要介紹了通過dbi使用perl連接mysql數(shù)據(jù)庫的方法,需要的朋友可以參考下2014-04-04