摘要：所以在視圖中我們需要這樣輸出這里應(yīng)寫(xiě)成，而不是。這個(gè)時(shí)候注意更改視圖的變量輸出。

原文來(lái)自： https://jellybool.com/post/programming-with-laravel-5-blade-views-with-var
系列文章： http://segmentfault.com/blog/jellybool

上一篇我們簡(jiǎn)單地說(shuō)了Router，Views和Controllers的工作流程，這一次我就按照上一篇的計(jì)劃，來(lái)說(shuō)說(shuō)下面幾個(gè)內(nèi)容：

向視圖中傳遞變量

Blade模板的用法

原來(lái)的數(shù)據(jù)庫(kù)配置放下一節(jié)了

我們?cè)陂_(kāi)發(fā)web應(yīng)用當(dāng)中，通常都不是為了寫(xiě)靜態(tài)頁(yè)面而生的，我們需要跟數(shù)據(jù)打交道，那么這個(gè)時(shí)候，問(wèn)題就來(lái)了，在一個(gè)MVC的框架中，怎么將數(shù)據(jù)傳給視圖呢？比如我們要在 ArticleController 的 index 方法的視圖輸出一個(gè) $title 的變量，在Laravel中，有下面幾種常見(jiàn)的方法：

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

這樣的 with("title",$title) 中，第一個(gè) "title" 就是key，第二個(gè) $title 就是值，這樣我們就可以在我們的 articles/lists.blade.php 中輸出這個(gè)變量了：

刷新我們的 blog.dev ，就可以看到類似這樣的頁(yè)面了：

而在blade引擎中，我們可以這樣輸出變量：

{{ $title }}

其實(shí)在blade引擎中， {{ $title }} 會(huì)被解析為類似 這樣的輸出 ，不過(guò)這里的 {{ }} 符號(hào)會(huì)將數(shù)據(jù)原樣輸出，比如你將 $title 寫(xiě)成這樣：

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

這個(gè)時(shí)候你用 {{ $title }} 輸出，會(huì)看到類似下面這樣：

如果你想將 $title 作為頁(yè)面元素渲染輸出，你需要這樣寫(xiě)：

{!! $title !!}

這里的 {{ }} 和 {!! !!} 是blade的最基礎(chǔ)的用法，這兩個(gè)我們會(huì)用得特別多，后面我會(huì)詳細(xì)說(shuō)說(shuō)blade的用法。

使用這個(gè)方法的時(shí)候，你可以這樣寫(xiě)：

public function index()
    {
        $title = "文章標(biāo)題1";
        return view("articles.lists",["title"=>$title]);
    }

刷新頁(yè)面，你依然會(huì)看到一樣的輸出。這里需要說(shuō)明一下，如果你傳多個(gè)變量，比如：

 public function index()
    {
        $title = "文章標(biāo)題1";
        $intro = "文章一的簡(jiǎn)介";
        return view("articles.lists",[
                                        "title"=>$title,
                                        "introduction"=>$intro
                                        ]);
    }

在傳遞的數(shù)組中：

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

每一個(gè)key會(huì)在視圖中作為變量，而 value 就作為變量的值。所以在視圖中我們需要這樣輸出：

{!! $title !!}
{{ $introduction }}

這里應(yīng)寫(xiě)成 {{ $introduction }} ，而不是 {{ $intro }} 。

使用compact是這樣寫(xiě)的：

 public function index()
    {
        $title = "文章標(biāo)題1";
        $intro = "文章一的簡(jiǎn)介";
        return view("articles.lists",compact("title","intro"));
    }

compact() 的字符串可以就是變量的名字，多個(gè)變量名用逗號(hào)隔開(kāi)。這個(gè)時(shí)候注意更改視圖的變量輸出。

以上就是Laravel中常用的幾種向視圖傳遞變量的方法，選擇一種你喜歡的方式并堅(jiān)持這一種寫(xiě)法就可以了，我是使用第三種。

上面的內(nèi)容介紹了一點(diǎn)點(diǎn)blade的語(yǔ)法，這里我們?cè)俳y(tǒng)一介紹blade，說(shuō)說(shuō)下面幾個(gè)比較常用的：

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

@yield() 和 @extends() 通常會(huì)結(jié)合者使用，實(shí)現(xiàn)我們通常所說(shuō)的layouts布局：就是在web開(kāi)發(fā)的過(guò)程中，我們將一些公用的部分如 header ， footer 等直接放在一個(gè)視圖文件中，然后在使用的使用直接繼承 (使用@extends) 就可以了，比如我們?cè)?resources/views/ 文件夾之下創(chuàng)建一個(gè) app.blade.php ：

    
    
    
    
    
    




    @yield("content")

    

寫(xiě)上這么一些內(nèi)容，其中css這個(gè) href="/css/all.css" ，需要我們手動(dòng)在 public/ 文件夾之下創(chuàng)建css/文件夾，并創(chuàng)建all.css這個(gè)文件，對(duì)于js的src="/js/all.js"也是同理，這兩個(gè)文件是為了后面的頁(yè)面美化而做的提前準(zhǔn)備。

注意到@yield("content")這個(gè)語(yǔ)法，這里就是說(shuō)，這里有一個(gè)content的內(nèi)容區(qū)域，如果某個(gè)頁(yè)面繼承了這個(gè)app.blade.php，然后那個(gè)頁(yè)面就可以動(dòng)態(tài)改變@yield("content")的內(nèi)容了。比如我們?cè)?b>articles/lists.blade.php中，我們繼承一下app.blade.php:

@extends("app")
@section("content")
{!! $title !!}
{{ $intro }}
@endsection 

這里的第一行@extends("app")就是聲明這個(gè)頁(yè)面繼承于app.blade.php，也就是我們的articles/lists.blade.php可以使用到all.css和all.js文件，然后@section("content")就是對(duì)于app.blade.php的@yield("content")，表明就是：在渲染加載articles/lists.blade.php的時(shí)候，@yield("content")這部分內(nèi)容會(huì)被替換為下面的內(nèi)容：

{!! $title !!}
{{ $intro }}

@if()通常是用于在視圖中根據(jù)某些條件來(lái)判斷是否該顯示某些內(nèi)容，比如我們可以很“無(wú)聊”地試試這樣：

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

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

@extends("app")
@section("content")
 @if($first == "jellybool")
 
{{ $first }}
 @else
 
{{ $last  }}
@endif
@endsection

刷新一下就可以看到頁(yè)面的輸出，為$last的值。

上面的@if()，還有一個(gè)可以使用的標(biāo)簽就是@unless()，@unless()就可以理解為 if( ! )，就是if not 這樣理解就OK。

@foreach()用于循環(huán)輸出變量，比如：

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

我們傳一個(gè)數(shù)組給視圖，然后，我們就可以使用@foreach()循環(huán)輸出了：

@extends("app")
@section("content")
@foreach( $first as $name)
    
 {{ $name }}
@endforeach
@endsection

刷新一下頁(yè)面，就可以看到循環(huán)的結(jié)果了：

blade的更多知識(shí)，可以參考文檔：

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

貌似上面配置數(shù)據(jù)庫(kù)鏈接之后還沒(méi)有用到，不用著急，我接下來(lái)的一篇會(huì)具體說(shuō)說(shuō)Eloquent的用法，這個(gè)在Laravel中是很有代表性的部分，希望你可以學(xué)到一點(diǎn)東西。

Happy Hacking