🚀 網站開發核心:超簡單理解 Laravel 路由系統 (Route)
## 前言:為什麼路由這麼重要?
如果你剛開始學習網站開發,「路由」這個詞可能聽起來很陌生。但其實,你每天都在使用路由——只是你沒有意識到而已。
當你在瀏覽器輸入 facebook.com/profile 的時候,Facebook 是怎麼知道要顯示你的個人資料頁面,而不是首頁呢?答案就是:路由。
今天,我要用最簡單的方式,帶你徹底理解 Laravel 框架中的路由系統。不管你是文組背景還是完全沒有程式經驗,看完這篇文章後,你都能輕鬆掌握路由的核心概念!
## 一、路由是什麼?用生活例子來理解
🏢 想像你走進一棟大樓
假設你今天去一棟辦公大樓找朋友,你會怎麼做?
- 走進大樓大門
- 看指示牌:「3樓 - 會議室」「5樓 - 人資部」「7樓 - 工程部」
- 根據指示牌,搭電梯到對應樓層
- 找到你要去的地方
網站的路由,就是這棟大樓的指示牌!
使用者輸入網址(走進大樓)
↓
路由系統判斷(看指示牌)
↓
導向對應的功能(搭電梯到對應樓層)
↓
顯示正確的頁面(找到目的地)
📮 另一個比喻:郵局分信員
你也可以把路由想像成郵局的分信員:
- 信件 = 使用者的請求
- 地址 = 網址 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 '顯示所有文章列表';
});