Laravel視圖

理解視圖

在MVC框架中,字母「V」代表視圖(Views)。它分離了應用程序邏輯並展現邏輯。視圖文件存儲在 resources/views目錄。一般來說,視圖是包含了應用程序的HTML。

示例

第1步 - 複製下面的代碼,並將其保存在 resources/views/test.php

Hello, World

第2步- 添加下面一行在 app/Http/routes.php 文件,爲上述視圖設置路由。

app/Http/routes.php

Route::get('/test', function(){
return view('test');
});

第3步 - 請訪問以下網址查看視圖的輸出。

https://asset.1ju.org/test

第4步 - 輸出結果如下面所示。
Laravel視圖

將數據傳遞到視圖


當構建應用程序時,可能需要將數據傳遞到視圖。傳遞一個數組到視圖助手函數。傳遞一個數組後,我們可以使用它的鍵在HTML文件中來獲得鍵對應的值。

示例

第1步 - 複製下面的代碼,並將其保存在 resources/views/test.php

第2步- 添加下面一行在 app/Http/routes.php 文件,爲上述視圖設置路由。

app/Http/routes.php

Route::get('/test', function(){
return view('test',[‘name’=>’Yiibai’]);
});

第3步 - 鍵name的值將被傳遞到test.php文件,並且$name將由這個值替換。

第4步 - 請訪問以下網址查看視圖的輸出。

https://asset.1ju.org/test

第5步 - 如下面輸出結果。
Laravel視圖

所有視圖數據共享


我們已經看到如何能夠將數據傳遞給視圖,但有時,有必要將數據傳遞到所有的視圖。Laravel使得這更簡單。有一個叫作 「share()」 方法,該方法可以用於這一目的。share() 方法帶有兩個參數,key和value。通常 share() 方法可以從服務提供者的啓動方法被調用。我們可以使用任何服務提供者,AppServiceProvider或我們自己的服務提供者。

示例

第1步 - 添加下面一行到文件 - app/Http/routes.php。

app/Http/routes.php

Route::get('/test', function(){
return view('test');
});
Route::get('/test2', function(){
return view('test2');
}); 

第2步-創建兩個視圖文件-test.php和test2.php的代碼相同。以下是兩個文件,這將共享數據。將以下代碼複製到這兩個文件中。resources/views/test.php & resources/views/test2.php

 

第3步- 更改啓動方法的代碼在文件 - app/Providers/AppServiceProvider.php 如下所示. 
(在這裏,我們使用了共享方法,而且我們通過與所有的視圖共享數據。) app/Providers/AppServiceProvider.php

share('name', 'Yiibai'); } /\*\* \* Register any application services. \* \* @return void \*/ public function register(){ // } } 第4步 - 請訪問以下網址。 https://asset.1ju.org/test https://asset.1ju.org/test2 第5步 - 輸出結果如下所示。 ![Laravel視圖](https://asset.1ju.org/cmsstatic/laravel-34.png) Blade模板 ----------- Blade是一個簡單,爲Laravel提供的強大模板引擎。Blade是Laravel輕量級模板語言,它的語法非常簡單易學。blade模板包含擴展— blade.php 並存儲在目錄 resources/views. Blade也支持所有PHP的主要構造器,創造循環和條件 — @for, @foreach, @while, @if 和 @elseif, 使您以避免開在模板到處使用 @yield('title') @section('sidebar') This is the master sidebar. @show
@yield('content')
步驟2 - 這裏,在主模板, * @yield('title') 用於顯示的標題的值 * @section('sidebar')用於定義命名側邊欄部分 * @show 用於顯示一個部分內容 * @yield('content') 用於顯示 content 的內容 第3步 - 現在,創建另一個頁面並擴展主模板,並將其保存在 - resources/views/page.blade.php @extends('layouts.master') @section('title', 'Page Title') @section('sidebar') @parent

This is appended to the master sidebar.

@endsection @section('content')

{{$name}}

This is my body content.

@endsection 第4步 - 這裏是每個元素的描述。 **@extends('layouts.master')** 用於擴展主佈局。「layouts.master」 — 在這裏,layouts 是目錄的名稱,在這裏我們已經存儲在主模板 和 主模板 「master.blade.php」,這裏「.master」是指其名字,但這裏使用名稱而不帶擴展 blade.php * @section('title', 'Page Title') − 設置的標題部分的值 * @section('sidebar') − 定義主佈局的子頁面側邊欄部分。 * @parent − 在主佈局定義中顯示側邊欄部分的內容。 *

 − 這是追加到主側邊欄。

 增添一段內容到側邊欄部分 * @endsection − 結束側邊欄部分。 * @section('content') − 定義內容部分。 * @section('content') − 增添段的內容到content 部分。 * @endsection − 結束該內容部分。 第5步 - 現在,建立路由查看此模板。添加下面一行到文件 - **app/Http/routes.php** Route::get('blade', function () { return view('page',array('name' => 'Yiibai')); }); 第6步 - 請訪問以下網址查看 blade 模板的例子。 *https://asset.1ju.org/blade* ![Laravel視圖](https://asset.1ju.org/cmsstatic/laravel-35.png)