2. Laravel視圖View和路由Route初探 - Laravel從零開始教程

iliyaku 發布于2019-06-27 14:47 / 2953人閱讀

摘要：在程序界最熟悉的莫過于通過輸出我們能了解路由和最基礎的視圖，這一小節，我們主要是學習下如何創建路由，如何加載視圖，這節非常簡單，跟著做就行。從零開始學教程目錄

在程序界最熟悉的莫過于"Hello World",通過輸出"Hello Word",我們能了解路由和最基礎的視圖，這一小節，我們主要是學習下如何創建路由，如何加載視圖，這節非常簡單，跟著做就行。

上一節我們通過laravel new 項目名安裝了Laravel 5.3的框架（默認安裝最新版本的框架）, 因為5.3的目錄結構稍許有點變化，我們再安裝一個laravel 5.2的框架，通過5.2版本來演示。

?  cd /usr/local/var/www  # 進入到我們想要安裝Laravel5.2框架的路徑  
?  laravel new Laravel52 --5.2  #通過Laravel install工具安裝Laravel 5.2

然后，進入Laravel52 目錄，用sublime打開Laravel52項目

? cd Laravel52
? subl .

打開如下：

如果是第一次接觸Laravel框架，面對著這么多已經存在的目錄，肯定是有點不知所措的，比如說app目錄下的Providers,Policies等，這么文件夾的作用是什么呢？我們剛開始學的時候，不用想著一下子全弄明白，可以從最基礎的開始，只要我們可以用Laravel去做點什么的時候，邊做邊學，那就不會覺得Laravel框架不易上手了。

ok,下面我們就來看下路由，打開app->Http->route.php,通過route這個名字我們就知道路由(url)文件應該寫在這里，所有的HTTP請求我們都會通過這個文件來分發出去。

當我們打開route.php文件的時候，里面自帶了這樣的一個函數:

Route::get("/", function () {
    return view("welcome");
});

上面這句代碼我們使用了Route這個類的get方法，并傳入兩個參數給它，第一個參數是我們要設置的uri，這里我們定義成/,通常都是訪問到網站的主頁，第二個參數是一個閉包函數，當然在正式開發的時候我們傳入的第二個參數都是一個控制器類加上該類中的一個方法，如：

Route::get("/", "PagesController@home"); #PagesController是一個控制器類，home是該類下面的一個方法。

我們暫時不去考慮控制器類，這不是本節要學習的內容，我們還是回頭來看上面的閉包函數中的這句話：

return view("welcome");

這里的view()函數，就可以對應我們要顯示的視圖層了，當中的welcome是視圖文件的名稱，我們可以在resources->views下找到welcome.blade.php這個文件，該文件就是上面代碼要顯示的view層頁面了，那么上面的代碼的意思就是下面這樣的：

return view("welcome.blade.php");

當然上面這樣的代碼運行時是會報錯的,laravel運行view("welcome")函數的時候,會自動去找welcome.blade.php這個視圖文件，所以我們書寫的時候，只需要寫上.blade.php前面的單詞即可。那么這里也許有人會有疑問，為什么視圖文件要取名為xxx.blade.php呢，那是因為laravel的視圖頁面是使用blade模版引擎的，所以必須加上.blade.php的后綴，那什么是balde模版呢，這樣說吧，你應該知道一個老掉牙的smarty模版吧，嗯，這樣說你應該明白了。

我們打開welcome.blade.php文件，發現里面都是一些html代碼，當然我們是可以在這個文件中書寫php代碼的，該文件默認的內容如下：

從上面的頁面我們可以看出，這個頁面就是顯示一下Laravel 5這幾個文字，我們下面就來運行一下Laravel, 還是打開終端，進入到我們的項目Laravel52目錄中，然后我們執行php artisan serve命令

我們打開瀏覽器，輸入http://localhost:8000/

我們的laravel第一個頁面是跑起來了，但是肯定有人會對php artisan serve這條命令不理解，很多phper做php項目的時候都是寫完代碼，然后通過瀏覽器或者使用postman一陣調試，很少會使用到php的命令行模式。

如果用過php命令行模式，就不難理解，最簡單的來說，我們查看php的版本php -v, 我們啟用php的內置web服務器php -S,我們在命令行運行一段php代碼php -r "echo "Hello World";" , 或者我們在命令行運行一個php文件php -f "my_script.php",而php artisan則是一個更加強大的命令行工具.我們可以執行下php artisan這條命令，它會幫我們列舉出artisan的命令，都有對應的英文解釋，這里大家一定要去先看看，了解一下，因為以后我們會經常用到這個artisan,你會發現它是多么的強大，多么的好用.

到現在為止，我們幾乎還沒有寫過一句代碼，下面我們來嘗試寫一段，打開route.php文件, 我們修改一下之間的代碼如下:

Route::get("/", function () {
    return "Hello World";
});

在Laravel中，我們可以返回view(),也可以直接返回一個字符串到頁面上，我們打開瀏覽器，還是輸入http://localhost:8000/ 這時我們就能看見頁面輸出了久違的Hello World了。（如果你關閉了php內置的web服務器，你還需要用終端在項目根目錄下執行php artisan serve 命令來啟動php的內置web服務器）

那么如果我們想要定義一個http://localhost:8000/about的路徑呢，我們可以這么寫：

Route::get("about", function () {
    return "About Page";
});

打開瀏覽器，輸入http://localhost:8000/about頁面就能顯示About Page的這幾個文字了。

下面，我們來試下使用view(),將函數改成下面這樣：

Route::get("about", function () {
    return view("about");
});

然后，我們需要到resources->views目錄下新建一個about.blade.php的文件，我們可以復制welcome.blade.php文件中的內容，然后將

Laravel 5

改成

About Page

上面的代碼是肯定能運行的，這里我就不截圖了，通常情況下，我們的視圖文件都會分類放在某一個文件夾下面，而不會直接放在resources／views目錄下，比如說我們的路徑是這樣的resources／views/pages/about.blade.php

那么我們的路由文件中應該這么寫：

Route::get("about", function () {
    return view("pages.about"); # 這里的pages代表目錄，about是代表文件
});

當然了，你也可以這么寫：

Route::get("about", function () {
    return view("pages／about"); # 這里的pages代表目錄，about是代表文件
});

不過laravel官方是推薦我們view("pages.about");這么寫，這樣代碼看上去會美觀很多。

好了，我們刷新下瀏覽器

好了，到現在我們已經學習了Laravel的路由和視圖的一些東東了，本節到這里結束了。

從零開始學Laravel教程目錄

云服務器 GPU云服務器 laravel視圖 laravel路由 laravel5.2.9 laravel5教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/22020.html

3. 視圖數據View Data和Balde模版 - Laravel從零開始教程

從零開始學laravel教程目錄我們經常需要將數據傳遞到視圖層顯示，Laravel中是如何做到這點的呢？那我們就要先了解下Balde模版. 我們現在還是進入到我們的Laravel52的項目中，用sublime打開它： ? cd /usr/local/var/www/Laravel52 ? subl . 進入到route.php文件中，上一節我們只是顯示一個靜態的視圖層，如下： Route::ge...

vibiu 2019-06-27 14:47 評論0 收藏0
Laravel 5 系列教程二：路由，視圖，控制器工作流程

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

awesome23 2019-06-27 11:28 評論0 收藏0
Laravel 5系列教程五：MVC的基本流程

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

mrcode 2019-06-27 11:31 評論0 收藏0
Laravel 5 系列入門教程（二）【最適合中國人的 Laravel 教程】

摘要：原文發表在我的個人網站系列入門教程二最適合中國人的教程本教程示例代碼見大家在任何地方卡住，最快捷的解決方式就是去看我的示例代碼。原文發表在我的個人網站：Laravel 5 系列入門教程（二）【最適合中國人的 Laravel 教程】本教程示例代碼見：https://github.com/johnlui/Learn-Laravel-5 大家在任何地方卡住，最快捷...

未東興 2019-07-01 12:11 評論0 收藏0
最適合入門的 Laravel 初級教程 (三)

摘要：最適合入門的初級教程三接著我們來認識認識上篇文章沒有提到的先來了解下路由的概念在網絡成為吃住一樣的基本需求的今天斷開了網絡就像斷開了與世界的聯系的感覺對于現實中的路由我們應該是不陌生的最起碼了解吧你家里只有一根網線網線上接著路由器多部手機和最適合入門的 Laravel 初級教程 (三) 接著我們來認識認識上篇文章沒有提到的 route/web.php；先來了解下路由的概念；在網...

djfml 2019-06-28 18:17 評論0 收藏0