Laravel教程三：視圖變量傳遞和Blade

上一篇咱們簡單地說了Router，Views和Controllers的工做流程，這一次我就按照上一篇的計劃，來講說下面幾個內容：php

向視圖中傳遞變量
Blade模板的用法

向視圖中傳遞變量

咱們在開發web應用當中，一般都不是爲了寫靜態頁面而生的，咱們須要跟數據打交道，那麼這個時候，問題就來了，在一個MVC的框架中，怎麼將數據傳給視圖呢？好比咱們要在 ArticleController 的 index方法的視圖輸出一個 $title 的變量，在Laravel中，有下面幾種常見的方法：css

使用with()方法

public function index() { $title = '文章標題1'; return view('articles.lists')->with('title',$title); }

這樣的 with('title',$title) 中，第一個 'title' 就是key，第二個 $title 就是值，這樣咱們就能夠在咱們的 articles/lists.blade.php 中輸出這個變量了：html

<body> <h1><?php echo $title; ?></h1> </body>

刷新咱們的 blog.dev ，就能夠看到相似這樣的頁面了：java

而在blade引擎中，咱們能夠這樣輸出變量：laravel

<body> <h1>{{ $title }}</h1> </body>

其實在blade引擎中， {{ $title }} 會被解析爲相似這樣的輸出 <?php echo $title; ?> ，不過這裏的{{ }} 符號會將數據原樣輸出，好比你將 $title 寫成這樣：web

public function index() { $title = '<span style="color: red">文章</span>標題1'; return view('articles.lists')->with('title',$title); }

這個時候你用 {{ $title }} 輸出，會看到相似下面這樣：數據庫

若是你想將 $title 做爲頁面元素渲染輸出，你須要這樣寫：數組

<h1>{!! $title !!}</h1>

這裏的 {{ }} 和 {!! !!} 是blade的最基礎的用法，這兩個咱們會用得特別多，後面我會詳細說說blade的用法。app

直接給view()傳參數

使用這個方法的時候，你能夠這樣寫：

public function index() { $title = '<span style="color: red">文章</span>標題1'; return view('articles.lists',['title'=>$title]); }

刷新頁面，你依然會看到同樣的輸出。這裏須要說明一下，若是你傳多個變量，好比：

public function index() { $title = '<span style="color: red">文章</span>標題1'; $intro = '文章一的簡介'; return view('articles.lists',[ 'title'=>$title, 'introduction'=>$intro ]); }

在傳遞的數組中：

[
'title'=>$title, 'introduction'=>$intro ]

每個key會在視圖中做爲變量，而 value 就做爲變量的值。因此在視圖中咱們須要這樣輸出：

<body> <h1>{!! $title !!}</h1> <p>{{ $introduction }}</p> </body>

這裏應寫成 {{ $introduction }} ，而不是 {{ $intro }} 。

使用compact

使用compact是這樣寫的：

public function index() { $title = '<span style="color: red">文章</span>標題1'; $intro = '文章一的簡介'; return view('articles.lists',compact('title','intro')); }

compact() 的字符串能夠就是變量的名字，多個變量名用逗號隔開。這個時候注意更改視圖的變量輸出。

以上就是Laravel中經常使用的幾種向視圖傳遞變量的方法，選擇一種你喜歡的方式並堅持這一種寫法就能夠了，我是使用第三種。

Blade的基本用法

上面的內容介紹了一點點blade的語法，這裏咱們再統一介紹blade，說說下面幾個比較經常使用的：

@yield() @extends() @if() and @unless() @foreach()

@yield() 和 @extends() 一般會結合者使用，實現咱們一般所說的layouts佈局：就是在web開發的過程當中，咱們將一些公用的部分如 header ， footer 等直接放在一個視圖文件中，而後在使用的使用直接繼承(使用@extends) 就能夠了，好比咱們在 resources/views/ 文件夾之下建立一個 app.blade.php ：

<!DOCTYPE html> <html class="no-js" lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Laravel 5 教程</title> <link rel='stylesheet' href="/css/all.css" type='text/css' media='all'/> <script type='text/javascript' src="/js/all.js"></script> </head> <body> <div id="wrapper"> @yield('content') <nav class="nav-container group" id="nav-footer"> <div class="nav-wrap"> <ul class="nav container group"> <li class="menu-item"> <a href="/" rel="nofollow" target="_blank">Laravel 5 Blog</a> </li> </ul> </div> </nav> </div> </body> </html>

寫上這麼一些內容，其中css這個 href="/css/all.css" ，須要咱們手動在 public/ 文件夾之下建立css/文件夾，並建立all.css這個文件，對於js的src="/js/all.js"也是同理，這兩個文件是爲了後面的頁面美化而作的提早準備。

注意到@yield('content')這個語法，這裏就是說，這裏有一個content的內容區域，若是某個頁面繼承了這個app.blade.php，而後那個頁面就能夠動態改變@yield('content')的內容了。好比咱們在articles/lists.blade.php中，咱們繼承一下app.blade.php:

@extends('app') @section('content') <h1>{!! $title !!}</h1> <p>{{ $intro }}</p> @endsection

這裏的第一行@extends('app')就是聲明這個頁面繼承於app.blade.php，也就是咱們的articles/lists.blade.php可使用到all.css和all.js文件，而後@section('content')就是對於app.blade.php的@yield('content')，代表就是：在渲染加載articles/lists.blade.php的時候，@yield('content')這部份內容會被替換爲下面的內容：

<h1>{!! $title !!}</h1> <p>{{ $intro }}</p>

@if()一般是用於在視圖中根據某些條件來判斷是否該顯示某些內容，好比咱們能夠很「無聊」地試試這樣：

public function index() { $first = 'jelly'; $last = 'bool'; return view('articles.lists',compact('first','last')); }

在views文件中，咱們使用一下@if():

@extends('app') @section('content') @if($first == 'jellybool') <h1>{{ $first }}</h1> @else <h1>{{ $last }}</h1> @endif @endsection

刷新一下就能夠看到頁面的輸出，爲$last的值。

上面的@if()，還有一個可使用的標籤就是@unless()，@unless()就能夠理解爲 if( ! )，就是if not 這樣理解就OK。

@foreach()用於循環輸出變量，好比：

public function index() { $first = ['jelly','bool']; return view('articles.lists',compact('first')); }

咱們傳一個數組給視圖，而後，咱們就可使用@foreach()循環輸出了：

@extends('app') @section('content') @foreach( $first as $name) <h1> {{ $name }}</h1> @endforeach @endsection

刷新一下頁面，就能夠看到循環的結果了：

blade的更多知識，能夠參考文檔：

http://laravel.com/docs/5.1/blade

貌似上面配置數據庫連接以後尚未用到，不用着急，我接下來的一篇會具體說說Eloquent的用法，這個在Laravel中是頗有表明性的部分，但願你能夠學到一點東西。

Happy Hacking

Laravel教程 三：視圖變量傳遞和Blade