Express框架(3) 路由設計

發表於 更新於 分類於
設計應用程式路由

設計路由(固定路徑)

路由

我們可以設計像 ‘/user/edit-photo’、’/user/edit-profile’ 不同的路由，讓使用者來到user頁面後再去不同的頁面如edit-photo、edit-profile。

動態路由

動態路由

有時候會在網址路徑後看到一串亂碼，那串亂碼就是專屬的序號內容，利用這個序號內容去資料庫撈出對應的資料。

取得動態路徑

1
2
/route/:params  指定動態路由
req.params  取得動態路由

如上圖我指定動態路由是/:name，就可以用req.params.name將動態路由的值撈出來去資料庫做判斷。

路由裡也可以有多組params，如上圖我有 /:productID和 /:reviewID兩組params，req.params回傳後是一個物件，裡面是各個params的值。

query — 取得網址參數

1
req.query.參數名稱   取得參數的值

在網址中?後方代表的是query參數，在express中，可以用 req.query.參數名稱，來取得參數的值。

query範例

上面範例中，先將 search跟 limit 從req.query解構出來後，再利用if判斷 search跟limit有沒有值，有的話就用search跟limit做資料過濾。

如果過濾完沒有值，就回傳空陣列，有值則回傳過濾後陣列。要注意 res回傳只能有一個，所以 前面判斷後的res要加上return。

路由模組化

為了將不同頁面的路由做模組化，可以先新增一個routes資料，裏頭放不同頁面的路由，例如我有一個user頁面的路由。

在user.js裡，可以先載入express.Router()這個模組。利用這個模組，去接分頁的路由。

在app.js中，可以將’./routes/user’引入，再用app.use載入。

1
app.use('/user', user)，// 使用者造訪/user時，就會去user模組裡載入對應的路由。

function 拆分

更進一步，我們可以將 routes裡的function再拆分出來到 controllers 資料夾

在 people.js中，我將路由的callback function拆分出來，在用module.exports一次export出去。

在 路由的 js檔中，再將這些方法 require 進來。