2025年12月3日 星期三

Laravel 路由完全攻略:從零開始理解網站的導航系統

🚀 網站開發核心:超簡單理解 Laravel 路由系統 (Route)

## 前言:為什麼路由這麼重要?

如果你剛開始學習網站開發,「路由」這個詞可能聽起來很陌生。但其實,你每天都在使用路由——只是你沒有意識到而已。

當你在瀏覽器輸入 facebook.com/profile 的時候,Facebook 是怎麼知道要顯示你的個人資料頁面,而不是首頁呢?答案就是:路由

今天,我要用最簡單的方式,帶你徹底理解 Laravel 框架中的路由系統。不管你是文組背景還是完全沒有程式經驗,看完這篇文章後,你都能輕鬆掌握路由的核心概念!


## 一、路由是什麼?用生活例子來理解

🏢 想像你走進一棟大樓

假設你今天去一棟辦公大樓找朋友,你會怎麼做?

  1. 走進大樓大門
  2. 看指示牌:「3樓 - 會議室」「5樓 - 人資部」「7樓 - 工程部」
  3. 根據指示牌,搭電梯到對應樓層
  4. 找到你要去的地方

網站的路由,就是這棟大樓的指示牌!

使用者輸入網址(走進大樓)
    ↓
路由系統判斷(看指示牌)
    ↓
導向對應的功能(搭電梯到對應樓層)
    ↓
顯示正確的頁面(找到目的地)

📮 另一個比喻:郵局分信員

你也可以把路由想像成郵局的分信員:

  • 信件 = 使用者的請求
  • 地址 = 網址 URL
  • 分信員 = 路由系統
  • 收件人 = 控制器/功能

分信員看到信件上的地址,就知道要把信送到哪裡。路由系統看到網址,就知道要執行哪個功能。


## 二、Laravel 路由的基本語法

最簡單的路由長這樣

打開 routes/web.php 檔案,你會看到類似這樣的程式碼:

Route::get('/', function () {
    return '歡迎來到我的網站!';
});

讓我們拆解這段程式碼:

部分 意思 比喻
Route::get() 處理 GET 請求 「有人想看東西」
'/' 網址路徑(首頁) 「大樓的 1 樓大廳」
function () { ... } 要執行的動作 「櫃檯人員的工作」
return '...' 回傳給使用者的內容 「給訪客的回應」

更多路由範例

// 首頁
Route::get('/', function () {
    return view('welcome');  // 顯示歡迎頁面
});

// 關於我們頁面
Route::get('/about', function () {
    return view('about');  // 顯示關於頁面
});

// 聯絡我們頁面
Route::get('/contact', function () {
    return view('contact');  // 顯示聯絡頁面
});

對應的網址:

  • http://你的網站.com/ → 首頁
  • http://你的網站.com/about → 關於我們
  • http://你的網站.com/contact → 聯絡我們

## 三、HTTP 方法:不只是「看」,還有「做」

🎬 想像你在餐廳點餐

在餐廳裡,你會做不同的動作:

動作 對應的 HTTP 方法 程式碼
看菜單 GET Route::get()
點餐 POST Route::post()
改訂單 PUT / PATCH Route::put()
取消訂單 DELETE Route::delete()

實際程式碼範例

// 看所有文章(GET = 獲取資料)
Route::get('/posts', function () {
    return '顯示所有文章列表';
});

沒有留言:

張貼留言

Laravel 路由完全攻略:從零開始理解網站的導航系統

🚀 網站開發核心:超簡單理解 Laravel 路由系統 (Route) ## 前言:為什麼路由這麼重要? 如果你剛開始學習網站開發,「路由」這個詞可能聽起來很陌生。但其實,你每天都在使用路由——只是你沒有意識到而已。 ...