iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0

正文

今天要來產出一個簡單的畫面,目的是串接昨天的API,雖說預計是很簡單的畫面,但我對前端也不怎麼熟悉(何苦找洞給自己跳QQ),只好趕快來抱佛腳一下。

google了一下,目前主流的前端框架應該主要還是react/angular/vue,這裡我就選了個沒看過同事有人在用的react來實作。

不管如何都要先安裝nodejs

還不清楚怎麼開始,趕快google ithome過去的react教學,就照著前人的教學設定了環境

最終胡搞瞎搞弄了一點頁面出來(搭配呼叫前幾天寫的API),很簡陋卻花了很多時間(在下資質駑鈍),功能大概如下

route 功能 搭配API
/ 清單展示頁面,包含tag過濾 /API/Blog/GetList?tag=null
/Details/:id 單筆資料render /API/Blog/GetDetail?ID=xxxx

程式碼連結
今天先這樣好了,然後之後會將他搭配nginx,並用container打包起來......

閒聊

今天的內容比較水一點,因為我也不知道要寫什麼,感覺怎麼寫都不對,只好亂寫一通。


上一篇
Day04,弄幾隻API
下一篇
Day06,將昨日的靜態頁面打包
系列文
HomeLab 30天,胡搞瞎搞亂弄一通。30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言