2. Laravel視圖View和路由Route初探 - Laravel從零開(kāi)始教程

從零學(xué)Laravel目錄列表

在程序界最熟悉的莫過(guò)于"Hello World",通過(guò)輸出"Hello Word",我們能了解路由和最基礎(chǔ)的視圖,這一小節(jié)国觉,我們主要是學(xué)習(xí)下如何創(chuàng)建路由吧恃,如何加載視圖,這節(jié)非常簡(jiǎn)單麻诀,跟著做就行痕寓。

上一節(jié)我們通過(guò)laravel new 項(xiàng)目名安裝了Laravel 5.3的框架(默認(rèn)安裝最新版本的框架), 因?yàn)?.3的目錄結(jié)構(gòu)稍許有點(diǎn)變化傲醉,我們?cè)侔惭b一個(gè)laravel 5.2的框架,通過(guò)5.2版本來(lái)演示呻率。

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

然后硬毕,進(jìn)入Laravel52 目錄,用sublime打開(kāi)Laravel52項(xiàng)目

? cd Laravel52
? subl .

打開(kāi)如下:


打開(kāi)Laravel52項(xiàng)目

如果是第一次接觸Laravel框架礼仗,面對(duì)著這么多已經(jīng)存在的目錄吐咳,肯定是有點(diǎn)不知所措的,比如說(shuō)app目錄下的Providers,Policies等元践,這么文件夾的作用是什么呢韭脊?我們剛開(kāi)始學(xué)的時(shí)候,不用想著一下子全弄明白单旁,可以從最基礎(chǔ)的開(kāi)始沪羔,只要我們可以用Laravel去做點(diǎn)什么的時(shí)候,邊做邊學(xué)象浑,那就不會(huì)覺(jué)得Laravel框架不易上手了任内。

ok,下面我們就來(lái)看下路由,打開(kāi)app->Http->route.php,通過(guò)route這個(gè)名字我們就知道路由(url)文件應(yīng)該寫(xiě)在這里融柬,所有的HTTP請(qǐng)求我們都會(huì)通過(guò)這個(gè)文件來(lái)分發(fā)出去死嗦。

當(dāng)我們打開(kāi)route.php文件的時(shí)候,里面自帶了這樣的一個(gè)函數(shù):

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

上面這句代碼我們使用了Route這個(gè)類(lèi)的get方法粒氧,并傳入兩個(gè)參數(shù)給它越除,第一個(gè)參數(shù)是我們要設(shè)置的uri,這里我們定義成/,通常都是訪(fǎng)問(wèn)到網(wǎng)站的主頁(yè)外盯,第二個(gè)參數(shù)是一個(gè)閉包函數(shù)摘盆,當(dāng)然在正式開(kāi)發(fā)的時(shí)候我們傳入的第二個(gè)參數(shù)都是一個(gè)控制器類(lèi)加上該類(lèi)中的一個(gè)方法,如:

Route::get('/', 'PagesController@home'); #PagesController是一個(gè)控制器類(lèi)饱苟,home是該類(lèi)下面的一個(gè)方法孩擂。

我們暫時(shí)不去考慮控制器類(lèi),這不是本節(jié)要學(xué)習(xí)的內(nèi)容箱熬,我們還是回頭來(lái)看上面的閉包函數(shù)中的這句話(huà):

return view('welcome');

這里的view()函數(shù)类垦,就可以對(duì)應(yīng)我們要顯示的視圖層了,當(dāng)中的welcome是視圖文件的名稱(chēng)城须,我們可以在resources->views下找到welcome.blade.php這個(gè)文件蚤认,該文件就是上面代碼要顯示的view層頁(yè)面了,那么上面的代碼的意思就是下面這樣的:

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

當(dāng)然上面這樣的代碼運(yùn)行時(shí)是會(huì)報(bào)錯(cuò)的,laravel運(yùn)行view('welcome')函數(shù)的時(shí)候,會(huì)自動(dòng)去找welcome.blade.php這個(gè)視圖文件糕伐,所以我們書(shū)寫(xiě)的時(shí)候砰琢,只需要寫(xiě)上.blade.php前面的單詞即可。那么這里也許有人會(huì)有疑問(wèn),為什么視圖文件要取名為xxx.blade.php呢陪汽,那是因?yàn)閘aravel的視圖頁(yè)面是使用blade模版引擎的训唱,所以必須加上.blade.php的后綴力麸,那什么是balde模版呢至壤,這樣說(shuō)吧,你應(yīng)該知道一個(gè)老掉牙的smarty模版吧鸭巴,嗯你辣,這樣說(shuō)你應(yīng)該明白了巡通。

我們打開(kāi)welcome.blade.php文件,發(fā)現(xiàn)里面都是一些html代碼舍哄,當(dāng)然我們是可以在這個(gè)文件中書(shū)寫(xiě)php代碼的宴凉,該文件默認(rèn)的內(nèi)容如下:

<!DOCTYPE html>
<html>
    <head>
        <title>Laravel</title>

        <link  rel="stylesheet" type="text/css">

        <style>
            html, body {
                height: 100%;
            }

            body {
                margin: 0;
                padding: 0;
                width: 100%;
                display: table;
                font-weight: 100;
                font-family: 'Lato', sans-serif;
            }

            .container {
                text-align: center;
                display: table-cell;
                vertical-align: middle;
            }

            .content {
                text-align: center;
                display: inline-block;
            }

            .title {
                font-size: 96px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="content">
                <div class="title">Laravel 5</div>
            </div>
        </div>
    </body>
</html>

從上面的頁(yè)面我們可以看出,這個(gè)頁(yè)面就是顯示一下Laravel 5這幾個(gè)文字表悬,我們下面就來(lái)運(yùn)行一下Laravel, 還是打開(kāi)終端弥锄,進(jìn)入到我們的項(xiàng)目Laravel52目錄中,然后我們執(zhí)行php artisan serve命令

運(yùn)行Laravel項(xiàng)目

我們打開(kāi)瀏覽器蟆沫,輸入http://localhost:8000/

運(yùn)行效果

我們的laravel第一個(gè)頁(yè)面是跑起來(lái)了籽暇,但是肯定有人會(huì)對(duì)php artisan serve這條命令不理解,很多phper做php項(xiàng)目的時(shí)候都是寫(xiě)完代碼饭庞,然后通過(guò)瀏覽器或者使用postman一陣調(diào)試戒悠,很少會(huì)使用到php的命令行模式。

如果用過(guò)php命令行模式舟山,就不難理解绸狐,最簡(jiǎn)單的來(lái)說(shuō),我們查看php的版本php -v, 我們啟用php的內(nèi)置web服務(wù)器php -S,我們?cè)诿钚羞\(yùn)行一段php代碼php -r "echo 'Hello World';", 或者我們?cè)诿钚羞\(yùn)行一個(gè)php文件php -f "my_script.php",而php artisan則是一個(gè)更加強(qiáng)大的命令行工具.我們可以執(zhí)行下php artisan這條命令累盗,它會(huì)幫我們列舉出artisan的命令寒矿,都有對(duì)應(yīng)的英文解釋?zhuān)@里大家一定要去先看看,了解一下若债,因?yàn)橐院笪覀儠?huì)經(jīng)常用到這個(gè)artisan,你會(huì)發(fā)現(xiàn)它是多么的強(qiáng)大符相,多么的好用.

到現(xiàn)在為止,我們幾乎還沒(méi)有寫(xiě)過(guò)一句代碼蠢琳,下面我們來(lái)嘗試寫(xiě)一段啊终,打開(kāi)route.php文件, 我們修改一下之間的代碼如下:

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

在Laravel中,我們可以返回view(),也可以直接返回一個(gè)字符串到頁(yè)面上挪凑,我們打開(kāi)瀏覽器孕索,還是輸入http://localhost:8000/ 這時(shí)我們就能看見(jiàn)頁(yè)面輸出了久違的Hello World了。(如果你關(guān)閉了php內(nèi)置的web服務(wù)器躏碳,你還需要用終端在項(xiàng)目根目錄下執(zhí)行php artisan serve 命令來(lái)啟動(dòng)php的內(nèi)置web服務(wù)器 )

那么如果我們想要定義一個(gè)http://localhost:8000/about的路徑呢,我們可以這么寫(xiě):

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

打開(kāi)瀏覽器,輸入http://localhost:8000/about頁(yè)面就能顯示About Page的這幾個(gè)文字了菇绵。

下面肄渗,我們來(lái)試下使用view(),將函數(shù)改成下面這樣:

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

然后,我們需要到resources->views目錄下新建一個(gè)about.blade.php的文件咬最,我們可以復(fù)制welcome.blade.php文件中的內(nèi)容翎嫡,然后將

<div class="title">Laravel 5</div>

改成

<div class="title">About Page</div>

上面的代碼是肯定能運(yùn)行的,這里我就不截圖了永乌,通常情況下惑申,我們的視圖文件都會(huì)分類(lèi)放在某一個(gè)文件夾下面,而不會(huì)直接放在resources/views目錄下翅雏,比如說(shuō)我們的路徑是這樣的resources/views/pages/about.blade.php

pages/about頁(yè)面

那么我們的路由文件中應(yīng)該這么寫(xiě):

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

當(dāng)然了,你也可以這么寫(xiě):

Route::get('about', function () {
    return view('pages/about'); # 這里的pages代表目錄望几,about是代表文件
});

不過(guò)laravel官方是推薦我們view('pages.about');這么寫(xiě)绩脆,這樣代碼看上去會(huì)美觀(guān)很多。

好了橄抹,我們刷新下瀏覽器

顯示about page

好了靴迫,到現(xiàn)在我們已經(jīng)學(xué)習(xí)了Laravel的路由和視圖的一些東東了,本節(jié)到這里結(jié)束了楼誓。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末玉锌,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子疟羹,更是在濱河造成了極大的恐慌主守,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,036評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件阁猜,死亡現(xiàn)場(chǎng)離奇詭異丸逸,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)剃袍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)黄刚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人民效,你說(shuō)我怎么就攤上這事憔维。” “怎么了畏邢?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,411評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)舒萎。 經(jīng)常有香客問(wèn)我程储,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,622評(píng)論 1 293
  • 正文 為了忘掉前任章鲤,我火速辦了婚禮摊灭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘败徊。我一直安慰自己帚呼,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布煤杀。 她就那樣靜靜地躺著,像睡著了一般沪哺。 火紅的嫁衣襯著肌膚如雪沈自。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,521評(píng)論 1 304
  • 那天凤粗,我揣著相機(jī)與錄音酥泛,去河邊找鬼。 笑死嫌拣,一個(gè)胖子當(dāng)著我的面吹牛柔袁,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播异逐,決...
    沈念sama閱讀 40,288評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼捶索,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了灰瞻?” 一聲冷哼從身側(cè)響起腥例,我...
    開(kāi)封第一講書(shū)人閱讀 39,200評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎酝润,沒(méi)想到半個(gè)月后燎竖,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡要销,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評(píng)論 3 336
  • 正文 我和宋清朗相戀三年构回,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片疏咐。...
    茶點(diǎn)故事閱讀 39,953評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡纤掸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出浑塞,到底是詐尸還是另有隱情借跪,我是刑警寧澤,帶...
    沈念sama閱讀 35,673評(píng)論 5 346
  • 正文 年R本政府宣布酌壕,位于F島的核電站掏愁,受9級(jí)特大地震影響歇由,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜托猩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評(píng)論 3 329
  • 文/蒙蒙 一印蓖、第九天 我趴在偏房一處隱蔽的房頂上張望辽慕。 院中可真熱鬧京腥,春花似錦、人聲如沸溅蛉。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,889評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)船侧。三九已至欠气,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間镜撩,已是汗流浹背预柒。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,011評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留袁梗,地道東北人宜鸯。 一個(gè)月前我還...
    沈念sama閱讀 48,119評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像遮怜,于是被迫代替她去往敵國(guó)和親淋袖。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容