iThome鐵人賽
含有「iThome鐵人賽」共 19 篇內容
全部內容
發佈日期由新至舊
以軟體工程為主軸的開發紀錄
2024/11/04
D19 - 規劃前端介面:盤點所需的頁面與功能
哈囉,大家好!本文探討了 Nuxt 前端介面設計與規劃,為個人財務管理系統建立頁面清單及功能需求。從首頁、交易紀錄到報表頁面,每個頁面皆包含具體操作和資料顯示功能。透過重新盤點與規劃,提升開發效率、使用者體驗及協作效果,為後續開發奠定基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
留言
以軟體工程為主軸的開發紀錄
2024/11/03
D18 - 整合後端 API:在 Nuxt 中使用 Axios 實現資料動態渲染
哈囉,大家好!本次介紹如何在 Nuxt 應用中使用 Axios 整合 Laravel 後端 API,實現動態資料渲染並搭建身份驗證機制。透過 Axios 配置與 Vuex 狀態管理,建立交易紀錄頁面並添加錯誤處理,提供更友善的使用者體驗。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
28
留言
以軟體工程為主軸的開發紀錄
2024/11/02
D17 - 探索 Nuxt 前端結構:深入理解 app.vue 與 layouts/default.vue
哈囉,大家好!我們將探討 Nuxt 開發環境的建立與應用介面規劃,通過使用 Nuxt 的約定式結構和全域佈局,我們更高效地管理前端界面,並設計了首頁、交易紀錄、銀行帳戶等頁面。未來計畫包括整合後端 API、身份驗證及介面優化。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
留言
以軟體工程為主軸的開發紀錄
2024/10/28
D16 - 開始前端開發:用 Nuxt 為應用程式注入活力
完成後端基本功能並通過驗收後,我們開始使用 Nuxt 架設個人財務管理系統的前端。Nuxt 基於 Vue,學習曲線平緩且配置簡單,適合不同程度的開發者。透過 Docker,我們快速建立了 Nuxt 開發環境,並搭建首頁和交易紀錄頁面,整合 Tailwind CSS 提供美觀的 UI。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
5
留言
以軟體工程為主軸的開發紀錄
2024/10/24
D15 - 第二階段驗收:盤點需求,為前端整合鋪路
我們已完成個人財務管理系統的後端核心功能,並進行了中期驗收,確認API的正確性和需求的達成。通過Postman測試各個API並檢查資料驗證,確保後續的前端整合能順利進行。接下來,將實作身份驗證機制並開始Nuxt.js前端開發,提升系統的整體品質與安全性。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理app
5
留言
以軟體工程為主軸的開發紀錄
2024/10/23
D14 - 完整驗證應用程式:為重構築起無憂的安全防線
單元測試為重構提供了安全防線,確保程式碼在修改後仍能正常運作。透過撰寫測試,我們能夠提高程式碼品質、預防回歸錯誤,並在重構過程中更具信心。測試的過程不僅幫助找出錯誤,也促使我們深入思考系統設計,從而優化整體架構。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
2
普普文創
4
其實寫程式不難,難在驗證這個程式的正確與否。功力好的調一兩次,功力差的花一禮拜還沒搞定。
以軟體工程為主軸的開發紀錄
2024/10/22
D13 - 測試不只是找到錯誤:探索單元測試的價值與具體做法
單元測試不僅能發現錯誤,更是提升開發技能的關鍵工具。Laravel 提供強大的測試框架,讓我們可以輕鬆撰寫測試。建立測試資料庫、撰寫測試方法、使用 Factory 生成測試資料,能確保程式碼穩定,並幫助開發者在修改與重構中更有信心。持續撰寫測試能提高程式碼品質,並讓開發過程更有條理與安全感。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
留言
以軟體工程為主軸的開發紀錄
2024/10/21
D12 - 掌握 Laravel 控制器,打下邏輯基礎
本文介紹了如何在 Laravel 中實作控制器,為個人財務管理系統建立完整的 CRUD API。我們實現了資料的建立、查詢、更新和刪除,並使用資料驗證提升應用安全性。未來將進行程式碼重構及 API 測試,持續優化應用程式。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
5
留言
以軟體工程為主軸的開發紀錄
2024/10/20
D11 - 開啟 Laravel 路由設定,打造靈活的 API 入口
本文介紹 Laravel 中的路由設定,討論手動定義路由、群組、前綴和中介層的使用。透過這些技巧,能夠靈活組織 API 結構,提升可讀性和安全性。此外,還探討子資源路由及命名空間等進階技巧,幫助開發者精細控制路由行為。接下來會探討控制器的實作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
留言
以軟體工程為主軸的開發紀錄
2024/10/19
D10 - 深入 Laravel 的 Model,與資料庫暢快互動
本文介紹 Laravel 中的 Model,透過 Eloquent ORM 進行資料庫互動。內容涵蓋 Model 建立、資料表關聯設定,以及利用 Eloquent 特性來優化程式碼。目的是簡化資料庫操作,提高程式碼可讀性與維護性。接下來將開發後端 API,進一步實現系統功能。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
8
留言