Laravel - Blade 模板



Laravel 5.1 引入了使用 **Blade** 的概念,Blade 是一種模板引擎,用於設計獨特的佈局。這樣設計的佈局可以被其他檢視使用,幷包含一致的設計和結構。

與其他模板引擎相比,Blade 在以下方面是獨一無二的:

  • 它不限制開發者在檢視中使用純 PHP 程式碼。

  • 這樣設計的 Blade 檢視會被編譯並快取,直到它們被修改。

Welcome Blade

Laravel 的完整目錄結構如以下截圖所示。

您可以觀察到所有檢視都儲存在 **resources/views** 目錄中,Laravel 框架的預設檢視是 **welcome.blade.php**。

請注意,其他 Blade 模板也以類似的方式建立。

建立 Blade 模板佈局的步驟

您需要使用以下步驟來建立 Blade 模板佈局:

步驟 1

  • 在 **resources/views** 資料夾內建立一個名為 layout 的資料夾。我們將使用此資料夾將所有佈局儲存在一起。

  • 建立一個名為 **master.blade.php** 的檔案,其中包含以下程式碼:

<html>
   <head>
      <title>DemoLaravel - @yield('title')</title>
   </head>
   <body>
      @yield('content')
   </body>
</html>

步驟 2

在此步驟中,您應該擴展布局。擴展布局涉及定義子元素。Laravel 使用 **Blade @extends** 指令來定義子元素。

當您擴展布局時,請注意以下幾點:

  • 在 Blade 佈局中定義的檢視以獨特的方式注入容器。

  • 檢視的各個部分被建立為子元素。

  • 子元素儲存在 layouts 資料夾中,例如 **child.blade.php**

以下示例展示瞭如何擴充套件上面建立的佈局:

@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

要在檢視中實現子元素,您應該根據需要定義佈局。

Landing Page

觀察此處顯示的螢幕截圖。您可以發現登入頁面中提到的每個連結都是超連結。請注意,您還可以使用上面給出的過程,透過 Blade 模板將它們建立為子元素。

廣告