在程序界最熟悉的莫過(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)如下:
如果是第一次接觸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
命令
我們打開(kāi)瀏覽器蟆沫,輸入http://localhost:8000/
我們的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
那么我們的路由文件中應(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)很多。
好了橄抹,我們刷新下瀏覽器
好了靴迫,到現(xiàn)在我們已經(jīng)學(xué)習(xí)了Laravel的路由和視圖的一些東東了,本節(jié)到這里結(jié)束了楼誓。