# 🏅 Day 13 - req.params 取得特定資料 延續前一天,當我們要取得特定貼文的資料的時候就會需要使用到該貼文的 id,而每個貼文都有自己的 id,此時就可以設計成動態路由: ```javascript= app.get('/post/:id', (req, res) => { const id = req.params.id; // 使用 params 取得帶入的 id res.send(`目前貼文 id: ${id}`); }) ``` > 取得 id 就可以對此貼文做一些操作,像是使用 mongoose 搜尋貼文的 collection,符合此貼文的 id 就回傳它的資料等等 ### 參考資源 - [Express - API 參照(req.params)](https://expressjs.com/zh-tw/api.html#req.params) - 課程影音「Express - Node.js Web 應用程式架構」 題目 --- 參考最終作業設計稿頁面,以下是當使用者造訪[個人動態牆](https://xd.adobe.com/view/c0763dbe-fc15-42e8-be0b-8956ed03e675-9525/screen/06336974-e446-467d-af3e-7cc133e5b2b1/)(GET)時的路由設計, 當進入頁面時會回傳使用者的 id 請協助完整以下程式碼: ```javascript= app.get('user/...', (req, res) => { const id = ....userId; res.send(`這是 ${id} 使用者的個人動態牆`); }); ``` ## 回報流程 將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 解答位置請參考下圖(需打開程式碼的部分觀看) ![](https://i.imgur.com/vftL5i0.png) <!-- 解答: ```javascript= app.get('user/:userId', (req, res) => { const id = req.params.userId; res.send(`這是 ${id} 使用者的個人動態牆`); }); ``` --> 回報區 --- <!-- 將答案貼至下方表格內,格式: | Discord 暱稱 | [CodePen](連結) | --> | Discord | CodePen / 答案 | |:-------------:|:-----------------:| | xxx | [CodePen]() | | 2魚 | [CodePen](https://codepen.io/ijrekmsn-the-sans/pen/OJGBOQj) | | 苡安 | [hackmd](https://hackmd.io/@L7K9-66lSeagS28AP0_GjQ/HkbZiN7-A) | | shuantt | [CodePen](https://codepen.io/th-tseng/pen/KKYbpbM) | | Aida | [CodePen](https://codepen.io/ada23410/pen/eYobNbR?editors=0010) | | 羽 | [CodePen](https://codepen.io/lingling-Syu/pen/MWRPMXP) | | Benson | [CodePen](https://codepen.io/nosneb83/pen/NWmeGma) | | Hank | [CodePen](https://codepen.io/tw1720/pen/PogXPxb)| | wei | [CodePen](https://codepen.io/Wei-the-sasster/pen/jORXqjM?editors=0010)| | Fabio20 | [CodePen](https://codepen.io/fabio7621/pen/dyLwpVp?editors=1010) | | Chia Pin | [CodePen](https://codepen.io/joker-cat/pen/ExJGNdw) | | ej_chuang | [CodePen](https://codepen.io/EJChuang/pen/poBqNMR) | |cho|[CodePen](https://codepen.io/cho195/pen/zYXyZMG)| |mei|[CodePen](https://codepen.io/l_umei/pen/mdgaMKB)| |群嘉|[CodePen](https://codepen.io/efzdamnp-the-lessful/pen/GRLPGQw?editors=0010)| |jenny7532|[CodePen](https://codepen.io/wei-chen-wu/pen/vYMvaZq)| |Tiya|[CodePen](https://codepen.io/Tiya_blank/pen/rNbQPbY)| |william_hsu|[CodePen](https://codepen.io/william8815/pen/poBqBZq)| | runweiting |[CodePen](https://codepen.io/weiting14/pen/vYMvwdr)| | tung030374 |[CodePen](https://codepen.io/tung__u/pen/OJGrKqv)| | shuantt | [CodePen](https://codepen.io/th-tseng/pen/KKYbpbM)| | Lobinda | [CodePen](https://codepen.io/Lobinda/pen/xxemwgy?editors=1010)| | Ciel | [CodePen](https://codepen.io/nycteachen/pen/xxeeEqy)| | Henry | [HackMD](https://hackmd.io/A6VVhoTfSBmNIbE05dVKXQ) | | 瑀君 | [HankMD](https://hackmd.io/@sh5ojkmt/HJwFlrC-A)| | Theodore 04/30 | [CodePen](https://codepen.io/GustavoFringgg/pen/QWPRKOG)| | william威良 | [CodePen](https://codepen.io/snowman12320/pen/eYoaGXw?editors=1010)| | albertyang3576 | [CodePen](https://codepen.io/albertyang3576/pen/wvZLqWL)|