XOOPS輕鬆架

Laravel 5.6 入門講義
================

當使用者在瀏覽器輸入網址，或者透過連結執行網站某個操作，這些「網址」會變成Laravel要執行什麼動作的依據，這樣的機制，就是Route（路由）。

### 一、路由（Route）

1. 路由，就是讓Laravel根據使用者從瀏覽器輸入的網址來判斷接下來該做什麼事。
2. 網頁的路由放在`/專案/routes/web.php`，請開啟之。
3. 其中最下面兩行是我們執行上一單元加入內建的使用者認證機制時，自動產生的路由，暫時無須去理會它。 
    ```php
    Route::get('/', function () {
        return view('welcome');
    });
    
    Auth::routes();
    
    Route::get('/home', 'HomeController@index')->name('home');
    ```
    
    
    - 我們用 `Route::get('網址', 動作);` 來取得符合條件的網址，並告知系統要做啥事。
    - 路由都是由上往下，一旦符合條件就執行。
    - `get`是動詞（亦即HTTP的傳輸方式），其他動詞才還有`post`、`patch` 、`delete`等。
    - 當接收到的網址是用get傳過來的，且在 `/` 目錄時，會傳回名字叫做`<span style="color:#FF0000;">welcome</span>`的視圖（View），該視圖會去讀取名為 `<span style="color:#FF0000;">welcome</span>.blade.php` 的樣板，簡寫為`view('<span style="color:#FF0000;">welcome</span>')`。
 
### 二、視圖（View）

1. 視圖，用來呈現畫面用，其實就是一個HTML網頁，只是裡面有包含一些樣板語法。
2. View 一律放在「`專案/resources/views/`」底下，檔名一律為「xxx.blade.php」。
3. welcome 的樣板位置在 `/專案/resources/views/welcome.blade.php`，高興的話，可以隨意改一下內容。
 
### 三、路由帶參數給視圖

1. 如果路由需要帶參數給視圖，可以用`->with()`，如： 
    ```php
    Route::get('/', function () {
        return view('welcome')->with('name','tad')->with('say','嗨！');
    });
    ```
2. 亦可用陣列： 
    ```php
    Route::get('/', function () {
        $data = ['name' => 'tad', 'say' => '嗨！'];
        return view('welcome', $data);
    });
    ```
    
     當然也可以簡寫為 
    ```php
    Route::get('/', function () {
        return view('welcome', ['name' => 'tad', 'say' => '嗨！']);
    });
    ```
3. 也可以用 PHP 的 `compact()` 函數 
    ```php
    Route::get('/', function () {
        $name = 'tad';
        $say  = '嗨！';
        return view('welcome', compact('name', 'say'));
    });
    ```
4. 此時，請修改 `/專案/resources/views/welcome.blade.php` 樣板，可以加入： 
    ```php
    <div class="title m-b-md">
        {{$name}} {{$say}} Laravel
    </div>
    ```
5. 看起來像這樣![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/laravel_005.png)
 
### [![到GitHub觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/exam56/commit/97fb4e9ed5dd6ad0526f528753935d71bd22428c)

書籍目錄

展開 | 闔起

快速登入

進階搜尋

計數器

今天：
昨天：
總計：

主內容區域

MarkDown

左邊區域內容

書籍目錄

快速登入

右邊區域內容

計數器

頁尾區域