成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

jindong / 1263人閱讀

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

原文來自： https://jellybool.com/post/programming-with-laravel-5-blade-views-with-var


系列文章： http://segmentfault.com/blog/jellybool
免費視頻教程地址 https://laravist.com/series/laravel-5-basic

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

向視圖中傳遞變量

Blade模板的用法

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

向視圖中傳遞變量

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

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

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

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

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



{{ $title }}

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

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

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

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

{!! $title !!}

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

直接給view()傳參數(shù)

使用這個方法的時候，你可以這樣寫：

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

刷新頁面，你依然會看到一樣的輸出。這里需要說明一下，如果你傳多個變量，比如：

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

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

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

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



{!! $title !!}


{{ $introduction }}

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

使用compact

使用compact是這樣寫的：

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

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

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

Blade的基本用法

上面的內(nèi)容介紹了一點點blade的語法，這里我們再統(tǒng)一介紹blade，說說下面幾個比較常用的：

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

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




    
    
    
    Laravel 5 教程
    
    





    @yield("content")

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

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

@extends("app")
@section("content")

{!! $title !!}


{{ $intro }}

@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")這部分內(nèi)容會被替換為下面的內(nèi)容：

{!! $title !!}


{{ $intro }}

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

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

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

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

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

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

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

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

@endforeach
@endsection

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

blade的更多知識，可以參考文檔：

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

下一節(jié)

貌似上面配置數(shù)據(jù)庫鏈接之后還沒有用到，不用著急，我接下來的一篇會具體說說Eloquent的用法，這個在Laravel中是很有代表性的部分，希望你可以學到一點東西。

Happy Hacking

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/21076.html

相關(guān)文章

  • Laravel 5系列教程五：MVC的基本流程

    摘要：原文來自免費視頻教程地址期間受到很多私事影響，終于還是要好好寫寫的教程了。我們來實現(xiàn)這個功能顯示文章詳情通過文章展示來快速體驗上面的流程注冊路由來到中，我們增加一個路由上面的路由指定我們需要加載中的方法。 原文來自： https://jellybool.com/post/programming-with-laravel-5-model-controller-view-basic-wor...

    mrcode 評論0 收藏0

  • Laravel 5 系列教程二：路由，視圖，控制器工作流程

    摘要：但是不用擔心，我們后續(xù)的教程會陸續(xù)講解相關(guān)的內(nèi)容。所以上面的路由注冊其實就是負責解決訪問的時候的響應(yīng)。 原文來自：https://jellybool.com/post/programming-with-laravel-5-routers-views-controllers-workflow 免費視頻教程地址 https://laravist.com/series/laravel-5-b...

    awesome23 評論0 收藏0

  • laravel5.5手寫教程3的基于資源路由的CURD操作（適合初學者）

    摘要：新增一篇新聞新增失敗輸入不符合要求請輸入標題請輸入內(nèi)容新增文章上面代碼中的是為了防攻擊的，每個表單都必須存在。 本文我將結(jié)合簡單例子，完成laravel框架下的增刪改查，希望會對大家有所幫助。在進行之前，大家應(yīng)該保證自己的數(shù)據(jù)庫鏈接無誤,artisan命令能正常使用，路由鏈接無問題。 一、創(chuàng)建控制器、路由避免影響其他路由，我們先注釋掉之前聯(lián)系時編寫的所有路由。因為上一章我們已經(jīng)學會建立...

    olle 評論0 收藏0

  • Laravel 5.4 入門系列 2. 路由與視圖

    摘要：路由與視圖主要知識點從路由到視圖的基本流程數(shù)據(jù)傳遞我們來看看第一講最后的頁面是怎么出來的?，F(xiàn)在，再次訪問，變成了我們定義的內(nèi)容。 2. 路由與視圖 主要知識點： 從路由到視圖的基本流程 數(shù)據(jù)傳遞 我們來看看第一講最后的頁面是怎么出來的。先來看看路由: // /routes/web.php Route::get(/, function () { return view(wel...

    dockerclub 評論0 收藏0

  • laravel框架應(yīng)用和composer擴展包開發(fā)

    摘要：官方地址是目前最流行的框架，發(fā)展勢頭迅猛，應(yīng)用非常廣泛，有豐富的擴展包可以應(yīng)付你能想到的各種應(yīng)用場景，框架思想前衛(wèi)，跟隨時代潮流，提倡優(yōu)雅代碼，自稱為工匠，其中的模板引擎容器以及擴展包為業(yè)務(wù)的開發(fā)提供了極大的便利。 laravel5.5+ laravel官方地址 laravel是目前最流行的php框架，發(fā)展勢頭迅猛，應(yīng)用非常廣泛，有豐富的擴展包可以應(yīng)付你能想到的各種應(yīng)用場景，lara...

    shevy 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<