鐵人檔案
今天要進入文章列表頁，發表文章後要顯示到列表頁裡面，在這邊需要做的是從firebase抓出先前存放在資料庫的文章們。 一開始不外乎就是要叫出db以及會需要用的c...
列表搞定後就進入到詳細頁拉! 但在這之前要先修改一下路徑在進入內頁，這邊就先擷取部分程式片段。 Link處的to改為有id的連結 {posts.map((pos...
接續昨天，弄好連結後進入內頁，要把標題、內容...等的資料顯示在內頁，這邊要使用的是firebase取資料夾中的資料功能，和先前的取資料夾有點像，但這邊是要取資...
文章詳細頁還有一個重要的區塊要製作，就是留言區域拉! 功能是使用者填寫資料後，按下留言按鈕，資料傳回後台且前台立即顯示留言內容。那麼要先做的就是規劃一下傳回後台...
把留言放到後台後，下一步就是要讓它顯示在前台。 這次使用到了getDocs，一次取得子集合中的所有文檔，取到資料後塞到historyComment裡面 cons...
今天是要來優化留言區域，做完留言功能後會發現並沒有即時更新，必須重整之後才會渲染出新的留言，所以要使用到firebase提供的即時更新功能onSnapshot。...
今天進入會員中心，首先是要做出會員資料，讓使用者可以修改名稱、上傳照片以及修改密碼的頁面，花了一點時間在製作畫面，功能面的部分只有做到圖片預覽。 這邊先將use...
有了會員照片的url後，下一步就是要更新到會員資料庫裡面，更新資料的方式是使用到updateProfile的功能。 在onSubmit裡面多加了一個判斷，假如使...
頭貼搞定了那就剩下使用者姓名與密碼了!! 這個做法跟之前的方式一樣，updateProfile去更新會員的資料，有填寫才要更新，所以也有一個if判斷式在前面。...
今天是鐵人的最後一日，回顧這29天所做的，如果不算設計大約完成了整體的60%左右 頁面進度: 首頁 會員中心 個人簡介 發文 歷史紀錄 留言紀錄區...
