iT邦幫忙

2025 iThome 鐵人賽

DAY 4
0
Modern Web

Laravel 30天速成筆記系列 第 4

【Day4】認識路由(Routing)基礎

  • 分享至 

  • xImage
  •  

昨天我們了解了 Laravel 的專案結構,今天要來認識一個網站的靈魂功能 — 路由(Routing)


什麼是路由?

路由就像「導航系統」或「餐廳菜單」:

  • 導航系統:輸入地址(網址) → 導航到正確的地方(功能)
  • 餐廳菜單:點了菜(網址) → 廚房做對應的菜(程式邏輯)

在 Laravel 中,路由負責把網址對應到程式


路由檔案在哪?

在 Laravel 專案的: routes/web.php

這個檔案是專門設定網頁瀏覽用的路由
還有 routes/api.php 則是專門給 API 用的,但我們今天先看 web.php


最簡單的路由

routes/web.php 加上:

Route::get('/hello', function () {
    return 'Hello, Laravel!';
})

這表示:

  • 當user訪問 http://127.0.0.1:8000/hello

  • 就會顯示「Hello, Laravel!」


路由可以加參數

如果我們想要顯示user的名字:

Route::get('/user/{name}', function ($name) {
    return "你好,$name!";
});

訪問:

http://127.0.0.1:8000/user/Amy

就會顯示:「你好,Amy!」

{name} 代表一個「變數」,Laravel 會自動把網址的值放進 $name


路由命名(方便以後維護)

如果這個網址將來會改,那我們不希望到處去修改它,可以先給它一個名字:

Route::get('/hello', function () {
    return 'Hello, Laravel!';
})->name('sayHello');

以後要連到這個網址時,就可以用:

route('sayHello')

而不是硬寫 /hello


小結

  • 路由 = 「網址」和「功能」的連結
  • Laravel 用 routes/web.php 來設定
  • 可以設定固定網址,也可以用變數接收使用者輸入
  • 路由可以命名,方便維護!

上一篇
【Day3】認識 Laravel 專案結構與 MVC 架構
下一篇
【Day5】Controller 與 Request
系列文
Laravel 30天速成筆記9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言