大家好！經過前面25天的努力，我們的個人財務管理系統已經初具規模。
在這第三階段的驗收中，我們將對已完成的功能進行總結和驗證，並對未來的發展進行規劃。

一、已完成的功能總結

1. 用戶認證與權限保護

• 註冊與登入功能：實現用戶的註冊和登入，保障用戶數據的安全性。
• 權限保護：使用中介軟體（middleware）保護需要登入才能訪問的頁面，確保用戶資料不被未授權的訪客訪問。

2. 銀行帳戶管理

• 帳戶列表頁面：展示用戶的所有銀行帳戶資訊。
• 新增/編輯帳戶：提供介面讓用戶新增或編輯銀行帳戶資訊。
• 刪除帳戶：允許用戶刪除不再使用的銀行帳戶。

3. 分類管理

• 分類列表頁面：展示用戶自定義的收入與支出分類。
• 新增/編輯分類：讓用戶可以根據需求新增或修改分類。
• 刪除分類：允許用戶移除不再需要的分類。

4. 交易紀錄管理

• 交易列表頁面：顯示用戶的所有交易紀錄，包括收入與支出。
• 新增/編輯交易：提供介面讓用戶記錄新的交易或編輯現有交易。
• 刪除交易：允許用戶刪除錯誤或不需要的交易紀錄。

5. 報表功能

• 財務報表頁面：以圖表的方式直觀展示收入與支出的趨勢。
• 圖表視覺化：使用 Chart.js 繪製柱狀圖和圓餅圖，展示不同時期的財務狀況和分類支出比例。
• 篩選功能：允許用戶根據時間範圍篩選報表數據，獲得更精確的財務分析。

二、功能驗證與測試

在開發過程中，我們進行了多次測試，確保每個功能都能正常運作。以下是對主要功能的驗證結果：

1. 用戶認證

• 測試註冊與登入：多個用戶成功註冊並登入系統。
• 權限測試：未登入用戶無法訪問受保護的頁面，會被重導向至登入頁面。

2. 銀行帳戶管理

• 新增帳戶測試：成功新增不同銀行的帳戶資訊。
• 編輯與刪除測試：帳戶資訊能夠正確編輯，刪除後不再顯示在列表中。

3. 分類管理

• 新增分類測試：成功新增收入與支出類型的分類。
• 編輯與刪除測試：分類名稱和類型能夠正確編輯，刪除後相關交易需進行處理。

4. 交易紀錄管理

• 新增交易測試：成功記錄不同分類和帳戶的交易。
• 編輯與刪除測試：交易金額、日期等資訊能夠正確編輯，刪除後報表數據更新。

5. 報表功能

• 圖表呈現測試：收入與支出的數據能夠正確地在圖表中展示。
• 篩選功能測試：更改日期範圍後，圖表數據能夠即時更新。
• 分類支出分析：圓餅圖正確顯示各分類的支出比例。

三、開發過程中的經驗與挑戰

1. 技術選型與學習

• Nuxt 3 的應用：在開發中深入學習了 Nuxt 3，並採用了其推薦的開發方式，如使用 $fetch 進行資料請求。
• Composition API 的轉換：將原本基於 Options API 的程式碼轉換為 Composition API，提升了程式碼的可讀性和維護性。

2. 前後端協作

• API 設計：為了滿足前端的需求，對後端 API 進行了多次調整，確保數據格式一致。
• 數據處理：在報表功能中，為了提升效能，將數據的彙總計算放在後端進行，減輕前端的負擔。

3. 使用者體驗優化

• 介面設計：使用 Tailwind CSS，簡化了樣式的撰寫，同時保持了良好的視覺效果。
• 錯誤處理：完善了表單的驗證和錯誤提示，提升了使用者的操作體驗。

四、剩餘問題與細節調整

雖然主要功能已經完成，但還有一些細節需要進一步優化：

• 資料驗證：加強前後端的資料驗證，避免不合法的數據進入系統。
• 交易刪除的影響：處理刪除分類或帳戶後，相關交易的處理方式，避免數據不一致。
• 介面優化：進一步美化使用者介面，提升系統的吸引力。

五、未來規劃

1. 功能擴充

• 數據導出：提供將交易紀錄和報表數據導出為 Excel 或 PDF 的功能。
• 多語系支援：加入多語系，提升系統的適用性。
• 提醒功能：實現賬單到期提醒或預算超支提醒，幫助使用者更好地管理財務。

2. 安全性提升

• 資料加密：對敏感數據進行加密存儲，提升系統的安全性。
• 權限管理：引入更細緻的權限控制，滿足團隊使用的需求。

3. 性能優化

• 快取機制：引入快取，減少資料庫的查詢次數，提升系統響應速度。
• 代碼重構：持續重構和優化代碼，提高系統的可維護性。

在這段開發旅程中，不曉得你有體會到了獨自開發的挑戰與樂趣嗎（還是...。
從需求分析、技術選型到功能實現，每一個環節都需要投入大量的時間和精力。同時，到瞭解和掌握所使用的技術是多麼重要。

小結

第三階段的驗收標誌著我們的個人財務管理系統已經完成了核心功能。
接下來，我們將專注於細節的打磨和新功能的開發，力求打造一個真正實用、可靠、令人滿意的產品。

感謝一路以來支持和關注我的朋友們，讓我們繼續一起學習和成長！
感謝你的閱讀，如果你有任何心得或建議，歡迎在下方留言討論。我們下次見！