Laravel之Blade模板引擎

阿新 • • 發佈：2019-01-28

Blade是Laravel提供的一個既簡單又強大的模板引擎，Blade允許在檢視中使用原生php程式碼，所有Blade檢視頁面都將被編譯成原生php程式碼並快取起來，除非你的模板檔案被修改了，否則不會重新編譯。

1.模板繼承

一個網站，往往很多介面有相同的區塊，比如導航欄，底部欄，頂部欄。這些介面只有主內容區域不一樣。為了提高程式碼的複用性，我們可以將這些相同的區塊放在佈局模板裡，然後讓其它模板去繼承它，其它模板稱為子模板。這樣一來，子模板就可以輕鬆獲得與佈局模板一樣的內容。而且，子模板還可以做適當的修改。

在resources->views目錄下新建一個模板layouts.blade.php。佈局模板。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>輕鬆學會Laravel - @yield('title')</title>
	<style>
		.header {
			width: 1000px;
			height: 150px;
			margin:0 auto;
			background: #f5f5f5;
			border: 1px solid #ddd;
		}
		.main {
			width: 1000px;
			height: 300px;
			margin:0 auto;
			margin-top: 15px;
			clear: both;
		}
		.main .sidebar {
			float: left;
			width: 20%;
			height: inherit;
			background: #f5f5f5;
			border: 1px solid #ddd;
		}
		.main .content {
			float: right;
			width: 75%;
			height: inherit;
			background: #f5f5f5;
			border: 1px solid #ddd;
		}
		.footer {
			width: 1000px;
			height: 150px;
			margin:0 auto;
			margin-top: 15px;
			background: #f5f5f5;
			border: 1px solid #ddd;
		}
	</style>
</head>
<body>
	<div class="header">
		@section('header')
		頭部
		@show
	</div>
	<div class="main">
		<div class="sidebar">
			@section('sidebar')
			側邊欄
			@show
		</div>
		
		<div class="content">
			@yield('content','主要內容區域')
		</div>
	</div>
	<div class="footer">
		@section('footer')
		底部
		@show
	</div>
</body>
</html>

解讀：

@section('header') 模板的一部分。子模板可以繼承，可以改變內容。

@yield('title') 模板的一部分。子模板可以繼承，可以改變內容。

@yield('content',主要內容區域) 模板的一部分。子模板可以繼承，可以改變內容，有預設值。

然後在當前目錄下新建一個目錄student，在裡面寫section1.blade.php，子模板。

@extends('layouts')   //繼承公共模板，如果公共模板在views下，則直接寫模板的名稱
@section('header')   //對header重寫，要@section('header') 和@stop配對使用
   @parent   //此句把父模板的內容的header部分也輸出來
  重寫頭部
@stop
@section('content')   //  重寫yield，和section一樣
  重寫yield裡的內容
@stop

子模板如果要對公共模板的內容做修改，則使用@section 和@stop配對。裡面寫子模板自己的內容。

然後在student控制器裡新增一個方法，

public function test4(){
/*模板繼承*/
return view('student/section1');
}

配置好路由：Route::get('test4',['uses'=>'[email protected]']);

2.基礎語法及inude的使用

（1）模板中輸出php變數

在控制器裡寫：

public function test4(){
      $name='zls';
      return view('student/section1',['name'=>$name]);
}

模板section1.blade.php裡寫：

{{$name}} //這樣就能輸出了

（2）模板裡呼叫php程式碼

和原生的php沒有很大的區別，只是將php的標籤換成了{{}}而已，其它都一樣。

介紹一個短語法：

{{$name or 'empty'}} 若 $name存在則輸出$name，否則輸出’empty’.

（3）原樣輸出，加@符，這樣{{}}裡的程式碼就不會解析了

@{{$name or 'empty'}}

（4）模板中的註釋。使用 {{-- --}}。

發現這個註釋檢視源裡不顯示

（5）引入子檢視include

在student目錄下新建一個common檢視,寫:我是include.

然後在section1視圖裡寫：@include('student.common')

@include(‘目錄名/檢視名’)

當然也可以向子檢視傳值:

在common視圖裡寫：我是include{{$message}}.

然後在section1視圖裡寫：@include('student.common',['message'=>'我是錯誤資訊'])

2.流程控制

(1)

使用@符號，並且要有開始和結束標籤

@if($name=='zls')

is zls

@elseif($name=='imooc')

is imooc

@else

not

@endif

另外if條件裡面也是可以用函式的: @if(isset($name))

(2) 是if的取反

@unless($name=='zls')

@unless

（3）

@for ($i=0;$i<5;$i++)

{{$i}}

@endfor

（4）

在student控制器裡寫：

public function test4(){

/*模板繼承*/

$name='zls';

$students=Student::get();

return view('student/section1',['name'=>$name,'students'=>$students]);

}

模板裡寫：

@foreach ($students as $student)

{{$student->vip_name}}

@endforeach

（5）

@forelse ($students as $student)

{{$student->vip_name}}

@empty

null

@endforelse

和foreach一樣，只是當陣列為空時，會輸出null

3.模板中的URL

有3種方式生成url。

url() 路由的方式（這個最簡單）

action() 控制器名+方法名

route() 路由別名的方式

具體操作：

在student控制器裡新增一個test5方法，用來測試

public function test5(){

echo "你跳轉到了test5";

}

在section1模板裡寫：

<a href="{{url('test5')}}">url()點選跳轉到test5裡（路由方式）</a>

<a href="{{action('[email protected]')}}">action() 點選跳轉到test5裡（控制器名@方法名方式）</a>

<a href="{{route('url')}}">route()點選跳轉到test5裡（路由別名方式）</a>

路由配置：Route::get('test5',['as'=>'url','uses'=>'[email protected]']);

Url訪問laravel/public/test4

Laravel之Blade模板引擎

Laravel之Blade模板引擎

PHP模板引擎Smarty（三）深入淺出之Smarty模板引擎工作機制(二)

PHP模板引擎Smarty（二）深入淺出之Smarty模板引擎工作機制(一)

laravel檢視blade模板使用集合

Spring MVC 學習總結之FreeMarker模板引擎與動態頁面靜態化

Laravel模板引擎Blade中section的一些標簽的區別介紹

Laravel模板引擎Blade中section的一些標籤的區別介紹

Laravel 模板引擎（Blade）原理簡析

前端學PHP之自定義模板引擎

Asp.net動態頁面靜態化之初始NVelocity模板引擎

[js高手之路]Node.js模板引擎教程-jade速學與實戰3-mixin

[js高手之路]Node.js模板引擎教程-jade速學與實戰2-流程控制,轉義與非轉義

[js高手之路]Node.js模板引擎教程-jade速學與實戰4-模板引用,繼承,插件使用

Laravel -- Blade模板

Spring Boot整合之模板引擎（Thymeleaf、Freemarker、jsp）

Spring Boot 整合之模板引擎（jsp、Freemarker 、Thymeleaf ）

Laravel blade模板轉義html標籤問題

【SpringBoot學習之路】11.Thymeleaf模板引擎

LARAVEL自定義擴充套件BLADE模板指令

前端javaScript模板引擎之ArtTemplate

Laravel之Blade模板引擎

相關推薦