iThome系列文
22
免費公開
房間資訊
在這邊也可以看到我在iThome發佈的文章喔
Top 5
1
D3 - 先想清楚再動手:系統需求規劃
2
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
3
D19 - 規劃前端介面:盤點所需的頁面與功能
4
D1 - 序章
5
D2 - 我獨前後端,快速打造 MVP - 個人財務管理系統
1
D3 - 先想清楚再動手:系統需求規劃
2
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
3
D19 - 規劃前端介面:盤點所需的頁面與功能
4
D1 - 序章
5
D2 - 我獨前後端,快速打造 MVP - 個人財務管理系統
全部
全部
全部類型
免費與付費
最新發佈
最新發佈
Rewrite
2024/12/22
D30 - 致獨自開發的你
這是我第一次參加 iThome 鐵人賽,原本並沒有打算參加,但在整理專案時,我忽然想把屬於自己的內容公開分享,而不僅僅藏在雲端裡。於是,我獨自規劃、撰寫並完成了一個完整的開發系列文章。在這段過程中,我體會到獨自開發的挑戰與成就,並希望能將這些經驗分享給每一位正在努力前行的你。
#
我獨自開發
#
iThome鐵人賽
#
軟體開發
3
Rewrite
2024/12/22
D30 - 致獨自開發的你
這是我第一次參加 iThome 鐵人賽,原本並沒有打算參加,但在整理專案時,我忽然想把屬於自己的內容公開分享,而不僅僅藏在雲端裡。於是,我獨自規劃、撰寫並完成了一個完整的開發系列文章。在這段過程中,我體會到獨自開發的挑戰與成就,並希望能將這些經驗分享給每一位正在努力前行的你。
#
我獨自開發
#
iThome鐵人賽
#
軟體開發
3
Rewrite
2024/12/15
D21 - 實作分類管理:建立分類列表與新增/編輯頁面
這篇文章介紹建立分類列表頁面以及新增和編輯功能。文中詳細說明瞭頁面結構、資料取得、錯誤處理等重要步驟,並強調了共用元件和資料驗證的一致性。通過這次開發,讀者將獲得關於如何在Nuxt中操作動態路由的深入理解,同時提高使用者體驗。希望本篇能幫助讀者順利完成相關功能建置。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
Rewrite
2024/12/15
D21 - 實作分類管理:建立分類列表與新增/編輯頁面
這篇文章介紹建立分類列表頁面以及新增和編輯功能。文中詳細說明瞭頁面結構、資料取得、錯誤處理等重要步驟,並強調了共用元件和資料驗證的一致性。通過這次開發,讀者將獲得關於如何在Nuxt中操作動態路由的深入理解,同時提高使用者體驗。希望本篇能幫助讀者順利完成相關功能建置。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
Rewrite
2024/12/14
D20 - 實作銀行帳戶管理:建立銀行帳戶列表與新增/編輯頁面
哈囉,大家好!在前面的文章中,我們已經規劃了前端介面,並盤點了所需的頁面與功能。 現在,是時候開始動手實作了。今天,我們將專注於 銀行帳戶列表頁面(Bank Accounts)以及 新增/編輯銀行帳戶頁面(Add/Edit Bank Account)的開發。 透過這次的實作,我們將學習如何在 N
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
Rewrite
2024/12/14
D20 - 實作銀行帳戶管理:建立銀行帳戶列表與新增/編輯頁面
哈囉,大家好!在前面的文章中,我們已經規劃了前端介面,並盤點了所需的頁面與功能。 現在,是時候開始動手實作了。今天,我們將專注於 銀行帳戶列表頁面(Bank Accounts)以及 新增/編輯銀行帳戶頁面(Add/Edit Bank Account)的開發。 透過這次的實作,我們將學習如何在 N
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
Rewrite
2024/11/04
D19 - 規劃前端介面:盤點所需的頁面與功能
哈囉,大家好!本文探討了 Nuxt 前端介面設計與規劃,為個人財務管理系統建立頁面清單及功能需求。從首頁、交易紀錄到報表頁面,每個頁面皆包含具體操作和資料顯示功能。透過重新盤點與規劃,提升開發效率、使用者體驗及協作效果,為後續開發奠定基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
1
Rewrite
2024/11/04
D19 - 規劃前端介面:盤點所需的頁面與功能
哈囉,大家好!本文探討了 Nuxt 前端介面設計與規劃,為個人財務管理系統建立頁面清單及功能需求。從首頁、交易紀錄到報表頁面,每個頁面皆包含具體操作和資料顯示功能。透過重新盤點與規劃,提升開發效率、使用者體驗及協作效果,為後續開發奠定基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
1
Rewrite
2024/11/03
D18 - 整合後端 API:在 Nuxt 中使用 Axios 實現資料動態渲染
哈囉,大家好!本次介紹如何在 Nuxt 應用中使用 Axios 整合 Laravel 後端 API,實現動態資料渲染並搭建身份驗證機制。透過 Axios 配置與 Vuex 狀態管理,建立交易紀錄頁面並添加錯誤處理,提供更友善的使用者體驗。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
28
Rewrite
2024/11/03
D18 - 整合後端 API:在 Nuxt 中使用 Axios 實現資料動態渲染
哈囉,大家好!本次介紹如何在 Nuxt 應用中使用 Axios 整合 Laravel 後端 API,實現動態資料渲染並搭建身份驗證機制。透過 Axios 配置與 Vuex 狀態管理,建立交易紀錄頁面並添加錯誤處理,提供更友善的使用者體驗。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
28
Rewrite
2024/11/02
D17 - 探索 Nuxt 前端結構:深入理解 app.vue 與 layouts/default.vue
哈囉,大家好!我們將探討 Nuxt 開發環境的建立與應用介面規劃,通過使用 Nuxt 的約定式結構和全域佈局,我們更高效地管理前端界面,並設計了首頁、交易紀錄、銀行帳戶等頁面。未來計畫包括整合後端 API、身份驗證及介面優化。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/11/02
D17 - 探索 Nuxt 前端結構:深入理解 app.vue 與 layouts/default.vue
哈囉,大家好!我們將探討 Nuxt 開發環境的建立與應用介面規劃,通過使用 Nuxt 的約定式結構和全域佈局,我們更高效地管理前端界面,並設計了首頁、交易紀錄、銀行帳戶等頁面。未來計畫包括整合後端 API、身份驗證及介面優化。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/28
D16 - 開始前端開發:用 Nuxt 為應用程式注入活力
完成後端基本功能並通過驗收後,我們開始使用 Nuxt 架設個人財務管理系統的前端。Nuxt 基於 Vue,學習曲線平緩且配置簡單,適合不同程度的開發者。透過 Docker,我們快速建立了 Nuxt 開發環境,並搭建首頁和交易紀錄頁面,整合 Tailwind CSS 提供美觀的 UI。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
5
Rewrite
2024/10/28
D16 - 開始前端開發:用 Nuxt 為應用程式注入活力
完成後端基本功能並通過驗收後,我們開始使用 Nuxt 架設個人財務管理系統的前端。Nuxt 基於 Vue,學習曲線平緩且配置簡單,適合不同程度的開發者。透過 Docker,我們快速建立了 Nuxt 開發環境,並搭建首頁和交易紀錄頁面,整合 Tailwind CSS 提供美觀的 UI。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
5
Rewrite
2024/10/24
D15 - 第二階段驗收:盤點需求,為前端整合鋪路
我們已完成個人財務管理系統的後端核心功能,並進行了中期驗收,確認API的正確性和需求的達成。通過Postman測試各個API並檢查資料驗證,確保後續的前端整合能順利進行。接下來,將實作身份驗證機制並開始Nuxt.js前端開發,提升系統的整體品質與安全性。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理app
5
Rewrite
2024/10/24
D15 - 第二階段驗收:盤點需求,為前端整合鋪路
我們已完成個人財務管理系統的後端核心功能,並進行了中期驗收,確認API的正確性和需求的達成。通過Postman測試各個API並檢查資料驗證,確保後續的前端整合能順利進行。接下來,將實作身份驗證機制並開始Nuxt.js前端開發,提升系統的整體品質與安全性。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理app
5
Rewrite
2024/10/23
D14 - 完整驗證應用程式:為重構築起無憂的安全防線
單元測試為重構提供了安全防線,確保程式碼在修改後仍能正常運作。透過撰寫測試,我們能夠提高程式碼品質、預防回歸錯誤,並在重構過程中更具信心。測試的過程不僅幫助找出錯誤,也促使我們深入思考系統設計,從而優化整體架構。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
2
Rewrite
2024/10/23
D14 - 完整驗證應用程式:為重構築起無憂的安全防線
單元測試為重構提供了安全防線,確保程式碼在修改後仍能正常運作。透過撰寫測試,我們能夠提高程式碼品質、預防回歸錯誤,並在重構過程中更具信心。測試的過程不僅幫助找出錯誤,也促使我們深入思考系統設計,從而優化整體架構。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
2
Rewrite
2024/10/22
D13 - 測試不只是找到錯誤:探索單元測試的價值與具體做法
單元測試不僅能發現錯誤,更是提升開發技能的關鍵工具。Laravel 提供強大的測試框架,讓我們可以輕鬆撰寫測試。建立測試資料庫、撰寫測試方法、使用 Factory 生成測試資料,能確保程式碼穩定,並幫助開發者在修改與重構中更有信心。持續撰寫測試能提高程式碼品質,並讓開發過程更有條理與安全感。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/22
D13 - 測試不只是找到錯誤:探索單元測試的價值與具體做法
單元測試不僅能發現錯誤,更是提升開發技能的關鍵工具。Laravel 提供強大的測試框架,讓我們可以輕鬆撰寫測試。建立測試資料庫、撰寫測試方法、使用 Factory 生成測試資料,能確保程式碼穩定,並幫助開發者在修改與重構中更有信心。持續撰寫測試能提高程式碼品質,並讓開發過程更有條理與安全感。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/21
D12 - 掌握 Laravel 控制器,打下邏輯基礎
本文介紹了如何在 Laravel 中實作控制器,為個人財務管理系統建立完整的 CRUD API。我們實現了資料的建立、查詢、更新和刪除,並使用資料驗證提升應用安全性。未來將進行程式碼重構及 API 測試,持續優化應用程式。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/21
D12 - 掌握 Laravel 控制器,打下邏輯基礎
本文介紹了如何在 Laravel 中實作控制器,為個人財務管理系統建立完整的 CRUD API。我們實現了資料的建立、查詢、更新和刪除,並使用資料驗證提升應用安全性。未來將進行程式碼重構及 API 測試,持續優化應用程式。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/20
D11 - 開啟 Laravel 路由設定,打造靈活的 API 入口
本文介紹 Laravel 中的路由設定,討論手動定義路由、群組、前綴和中介層的使用。透過這些技巧,能夠靈活組織 API 結構,提升可讀性和安全性。此外,還探討子資源路由及命名空間等進階技巧,幫助開發者精細控制路由行為。接下來會探討控制器的實作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/20
D11 - 開啟 Laravel 路由設定,打造靈活的 API 入口
本文介紹 Laravel 中的路由設定,討論手動定義路由、群組、前綴和中介層的使用。透過這些技巧,能夠靈活組織 API 結構,提升可讀性和安全性。此外,還探討子資源路由及命名空間等進階技巧,幫助開發者精細控制路由行為。接下來會探討控制器的實作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/19
D10 - 深入 Laravel 的 Model,與資料庫暢快互動
本文介紹 Laravel 中的 Model,透過 Eloquent ORM 進行資料庫互動。內容涵蓋 Model 建立、資料表關聯設定,以及利用 Eloquent 特性來優化程式碼。目的是簡化資料庫操作,提高程式碼可讀性與維護性。接下來將開發後端 API,進一步實現系統功能。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
8
Rewrite
2024/10/19
D10 - 深入 Laravel 的 Model,與資料庫暢快互動
本文介紹 Laravel 中的 Model,透過 Eloquent ORM 進行資料庫互動。內容涵蓋 Model 建立、資料表關聯設定,以及利用 Eloquent 特性來優化程式碼。目的是簡化資料庫操作,提高程式碼可讀性與維護性。接下來將開發後端 API,進一步實現系統功能。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
8
Rewrite
2024/10/18
D9 - 走進 Laravel 的世界,從 Migration 開始
這篇文章介紹在 Laravel 中使用 Migration 管理資料庫結構,實現財務管理系統的資料表建立。Migration 提供版本控制、自動化管理和可移植性,方便開發者同步資料庫變更。還介紹了填充測試資料(Seeder)的操作,提高團隊協作效率。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/18
D9 - 走進 Laravel 的世界,從 Migration 開始
這篇文章介紹在 Laravel 中使用 Migration 管理資料庫結構,實現財務管理系統的資料表建立。Migration 提供版本控制、自動化管理和可移植性,方便開發者同步資料庫變更。還介紹了填充測試資料(Seeder)的操作,提高團隊協作效率。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/17
D8 - 深入設計個人財務管理系統的資料庫結構
這篇文章介紹了個人財務管理系統的資料庫設計,涵蓋使用者管理、銀行帳戶管理、財務紀錄和分類管理的核心功能。系統需求包括註冊登入、帳戶管理、財務記錄分類和報表生成。設計了四個資料表,並詳細說明其欄位設計和建表語法。透過清晰的表關聯,確保資料一致性和系統擴展性,為後續的 Laravel 開發打下基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/17
D8 - 深入設計個人財務管理系統的資料庫結構
這篇文章介紹了個人財務管理系統的資料庫設計,涵蓋使用者管理、銀行帳戶管理、財務紀錄和分類管理的核心功能。系統需求包括註冊登入、帳戶管理、財務記錄分類和報表生成。設計了四個資料表,並詳細說明其欄位設計和建表語法。透過清晰的表關聯,確保資料一致性和系統擴展性,為後續的 Laravel 開發打下基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/15
D7 - 加入版本控制,讓你的專案擁有「多重宇宙」
好了,經過前幾篇的努力,我們的開發環境已經搭建完成,並進行了初步的測試。一切看起來都很順利,但在正式進入開發之前,我們還有一件重要的事情要做:加入版本控制。 你可能會想:「現在還早吧?我一個人開發,有必要嗎?」但相信我,版本控制就像是遊戲中的存檔點,或者電影裡的多重宇宙時間線,在你需要的時候,
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/15
D7 - 加入版本控制,讓你的專案擁有「多重宇宙」
好了,經過前幾篇的努力,我們的開發環境已經搭建完成,並進行了初步的測試。一切看起來都很順利,但在正式進入開發之前,我們還有一件重要的事情要做:加入版本控制。 你可能會想:「現在還早吧?我一個人開發,有必要嗎?」但相信我,版本控制就像是遊戲中的存檔點,或者電影裡的多重宇宙時間線,在你需要的時候,
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/14
D6 - 第一階段小驗收
本文指導如何驗收基於 Docker 的開發環境,檢查 Laravel 後端、Nuxt 前端、Nginx 反向代理和 MariaDB 資料庫是否正常運行。透過啟動容器、修改 hosts 檔案、測試各服務的運作,確保整個開發環境穩定。並且提供了常見問題的解決方案,幫助開發者順利驗收環境。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
Rewrite
2024/10/14
D6 - 第一階段小驗收
本文指導如何驗收基於 Docker 的開發環境,檢查 Laravel 後端、Nuxt 前端、Nginx 反向代理和 MariaDB 資料庫是否正常運行。透過啟動容器、修改 hosts 檔案、測試各服務的運作,確保整個開發環境穩定。並且提供了常見問題的解決方案,幫助開發者順利驗收環境。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
Rewrite
2024/10/13
D5 - 拆解 Docker 環境:快速理解Nginx 反向代理 Nuxt 和 Laravel 的關係
本文詳細介紹了如何使用 Docker 環境構建 Laravel 後端和 Nuxt 前端,並通過 Nginx 進行反向代理來協調它們的互動。從 docker-compose.yml 配置到各個服務的設定,讓開發環境穩定運行,並提供了常用的 Docker 指令以便於操作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
33
Rewrite
2024/10/13
D5 - 拆解 Docker 環境:快速理解Nginx 反向代理 Nuxt 和 Laravel 的關係
本文詳細介紹了如何使用 Docker 環境構建 Laravel 後端和 Nuxt 前端,並通過 Nginx 進行反向代理來協調它們的互動。從 docker-compose.yml 配置到各個服務的設定,讓開發環境穩定運行,並提供了常用的 Docker 指令以便於操作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
33
Rewrite
2024/10/12
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
好了,到了這個階段,我們終於要進入 Docker 的世界了!前幾篇文章我們討論了系統規劃與需求,現在來到實作的部分,要為整個開發環境打好基礎。這篇文章將帶你一步步打造出一個基於 Docker 的開發環境,裡面包含了 Laravel(後端)、Nuxt(前端)、Nginx(伺服器),以及 MariaDB
#
我獨自開發
#
iThome鐵人賽
#
系統開發
22
Rewrite
2024/10/12
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
好了,到了這個階段,我們終於要進入 Docker 的世界了!前幾篇文章我們討論了系統規劃與需求,現在來到實作的部分,要為整個開發環境打好基礎。這篇文章將帶你一步步打造出一個基於 Docker 的開發環境,裡面包含了 Laravel(後端)、Nuxt(前端)、Nginx(伺服器),以及 MariaDB
#
我獨自開發
#
iThome鐵人賽
#
系統開發
22
Rewrite
2024/10/11
D3 - 先想清楚再動手:系統需求規劃
這篇文章深入探討了開發個人財務管理系統的規劃過程,包括需求確認、環境建置及技術選型等關鍵步驟。作者強調在開發前進行充分的規劃與設計是成功的基礎,並提供了具體的工具與技術選擇,如PHP、Laravel和Docker。通過清晰的步驟指引,文章幫助讀者掌握系統開發的核心要素,確保順利推進專案。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
3
Rewrite
2024/10/11
D3 - 先想清楚再動手:系統需求規劃
這篇文章深入探討了開發個人財務管理系統的規劃過程,包括需求確認、環境建置及技術選型等關鍵步驟。作者強調在開發前進行充分的規劃與設計是成功的基礎,並提供了具體的工具與技術選擇,如PHP、Laravel和Docker。通過清晰的步驟指引,文章幫助讀者掌握系統開發的核心要素,確保順利推進專案。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
3
加入
Top 5
1
D3 - 先想清楚再動手:系統需求規劃
2
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
3
D19 - 規劃前端介面:盤點所需的頁面與功能
4
D1 - 序章
5
D2 - 我獨前後端,快速打造 MVP - 個人財務管理系統
1
D3 - 先想清楚再動手:系統需求規劃
2
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
3
D19 - 規劃前端介面:盤點所需的頁面與功能
4
D1 - 序章
5
D2 - 我獨前後端,快速打造 MVP - 個人財務管理系統
全部
全部
全部類型
免費與付費
最新發佈
最新發佈
Rewrite
2024/12/22
D30 - 致獨自開發的你
這是我第一次參加 iThome 鐵人賽,原本並沒有打算參加,但在整理專案時,我忽然想把屬於自己的內容公開分享,而不僅僅藏在雲端裡。於是,我獨自規劃、撰寫並完成了一個完整的開發系列文章。在這段過程中,我體會到獨自開發的挑戰與成就,並希望能將這些經驗分享給每一位正在努力前行的你。
#
我獨自開發
#
iThome鐵人賽
#
軟體開發
3
Rewrite
2024/12/22
D30 - 致獨自開發的你
這是我第一次參加 iThome 鐵人賽,原本並沒有打算參加,但在整理專案時,我忽然想把屬於自己的內容公開分享,而不僅僅藏在雲端裡。於是,我獨自規劃、撰寫並完成了一個完整的開發系列文章。在這段過程中,我體會到獨自開發的挑戰與成就,並希望能將這些經驗分享給每一位正在努力前行的你。
#
我獨自開發
#
iThome鐵人賽
#
軟體開發
3
Rewrite
2024/12/15
D21 - 實作分類管理:建立分類列表與新增/編輯頁面
這篇文章介紹建立分類列表頁面以及新增和編輯功能。文中詳細說明瞭頁面結構、資料取得、錯誤處理等重要步驟,並強調了共用元件和資料驗證的一致性。通過這次開發,讀者將獲得關於如何在Nuxt中操作動態路由的深入理解,同時提高使用者體驗。希望本篇能幫助讀者順利完成相關功能建置。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
Rewrite
2024/12/15
D21 - 實作分類管理:建立分類列表與新增/編輯頁面
這篇文章介紹建立分類列表頁面以及新增和編輯功能。文中詳細說明瞭頁面結構、資料取得、錯誤處理等重要步驟,並強調了共用元件和資料驗證的一致性。通過這次開發,讀者將獲得關於如何在Nuxt中操作動態路由的深入理解,同時提高使用者體驗。希望本篇能幫助讀者順利完成相關功能建置。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
Rewrite
2024/12/14
D20 - 實作銀行帳戶管理:建立銀行帳戶列表與新增/編輯頁面
哈囉,大家好!在前面的文章中,我們已經規劃了前端介面,並盤點了所需的頁面與功能。 現在,是時候開始動手實作了。今天,我們將專注於 銀行帳戶列表頁面(Bank Accounts)以及 新增/編輯銀行帳戶頁面(Add/Edit Bank Account)的開發。 透過這次的實作,我們將學習如何在 N
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
Rewrite
2024/12/14
D20 - 實作銀行帳戶管理:建立銀行帳戶列表與新增/編輯頁面
哈囉,大家好!在前面的文章中,我們已經規劃了前端介面,並盤點了所需的頁面與功能。 現在,是時候開始動手實作了。今天,我們將專注於 銀行帳戶列表頁面(Bank Accounts)以及 新增/編輯銀行帳戶頁面(Add/Edit Bank Account)的開發。 透過這次的實作,我們將學習如何在 N
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
Rewrite
2024/11/04
D19 - 規劃前端介面:盤點所需的頁面與功能
哈囉,大家好!本文探討了 Nuxt 前端介面設計與規劃,為個人財務管理系統建立頁面清單及功能需求。從首頁、交易紀錄到報表頁面,每個頁面皆包含具體操作和資料顯示功能。透過重新盤點與規劃,提升開發效率、使用者體驗及協作效果,為後續開發奠定基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
1
Rewrite
2024/11/04
D19 - 規劃前端介面:盤點所需的頁面與功能
哈囉,大家好!本文探討了 Nuxt 前端介面設計與規劃,為個人財務管理系統建立頁面清單及功能需求。從首頁、交易紀錄到報表頁面,每個頁面皆包含具體操作和資料顯示功能。透過重新盤點與規劃,提升開發效率、使用者體驗及協作效果,為後續開發奠定基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
1
Rewrite
2024/11/03
D18 - 整合後端 API:在 Nuxt 中使用 Axios 實現資料動態渲染
哈囉,大家好!本次介紹如何在 Nuxt 應用中使用 Axios 整合 Laravel 後端 API,實現動態資料渲染並搭建身份驗證機制。透過 Axios 配置與 Vuex 狀態管理,建立交易紀錄頁面並添加錯誤處理,提供更友善的使用者體驗。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
28
Rewrite
2024/11/03
D18 - 整合後端 API:在 Nuxt 中使用 Axios 實現資料動態渲染
哈囉,大家好!本次介紹如何在 Nuxt 應用中使用 Axios 整合 Laravel 後端 API,實現動態資料渲染並搭建身份驗證機制。透過 Axios 配置與 Vuex 狀態管理,建立交易紀錄頁面並添加錯誤處理,提供更友善的使用者體驗。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
28
Rewrite
2024/11/02
D17 - 探索 Nuxt 前端結構:深入理解 app.vue 與 layouts/default.vue
哈囉,大家好!我們將探討 Nuxt 開發環境的建立與應用介面規劃,通過使用 Nuxt 的約定式結構和全域佈局,我們更高效地管理前端界面,並設計了首頁、交易紀錄、銀行帳戶等頁面。未來計畫包括整合後端 API、身份驗證及介面優化。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/11/02
D17 - 探索 Nuxt 前端結構:深入理解 app.vue 與 layouts/default.vue
哈囉,大家好!我們將探討 Nuxt 開發環境的建立與應用介面規劃,通過使用 Nuxt 的約定式結構和全域佈局,我們更高效地管理前端界面,並設計了首頁、交易紀錄、銀行帳戶等頁面。未來計畫包括整合後端 API、身份驗證及介面優化。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/28
D16 - 開始前端開發:用 Nuxt 為應用程式注入活力
完成後端基本功能並通過驗收後,我們開始使用 Nuxt 架設個人財務管理系統的前端。Nuxt 基於 Vue,學習曲線平緩且配置簡單,適合不同程度的開發者。透過 Docker,我們快速建立了 Nuxt 開發環境,並搭建首頁和交易紀錄頁面,整合 Tailwind CSS 提供美觀的 UI。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
5
Rewrite
2024/10/28
D16 - 開始前端開發:用 Nuxt 為應用程式注入活力
完成後端基本功能並通過驗收後,我們開始使用 Nuxt 架設個人財務管理系統的前端。Nuxt 基於 Vue,學習曲線平緩且配置簡單,適合不同程度的開發者。透過 Docker,我們快速建立了 Nuxt 開發環境,並搭建首頁和交易紀錄頁面,整合 Tailwind CSS 提供美觀的 UI。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
5
Rewrite
2024/10/24
D15 - 第二階段驗收:盤點需求,為前端整合鋪路
我們已完成個人財務管理系統的後端核心功能,並進行了中期驗收,確認API的正確性和需求的達成。通過Postman測試各個API並檢查資料驗證,確保後續的前端整合能順利進行。接下來,將實作身份驗證機制並開始Nuxt.js前端開發,提升系統的整體品質與安全性。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理app
5
Rewrite
2024/10/24
D15 - 第二階段驗收:盤點需求,為前端整合鋪路
我們已完成個人財務管理系統的後端核心功能,並進行了中期驗收,確認API的正確性和需求的達成。通過Postman測試各個API並檢查資料驗證,確保後續的前端整合能順利進行。接下來,將實作身份驗證機制並開始Nuxt.js前端開發,提升系統的整體品質與安全性。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理app
5
Rewrite
2024/10/23
D14 - 完整驗證應用程式:為重構築起無憂的安全防線
單元測試為重構提供了安全防線,確保程式碼在修改後仍能正常運作。透過撰寫測試,我們能夠提高程式碼品質、預防回歸錯誤,並在重構過程中更具信心。測試的過程不僅幫助找出錯誤,也促使我們深入思考系統設計,從而優化整體架構。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
2
Rewrite
2024/10/23
D14 - 完整驗證應用程式:為重構築起無憂的安全防線
單元測試為重構提供了安全防線,確保程式碼在修改後仍能正常運作。透過撰寫測試,我們能夠提高程式碼品質、預防回歸錯誤,並在重構過程中更具信心。測試的過程不僅幫助找出錯誤,也促使我們深入思考系統設計,從而優化整體架構。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
2
Rewrite
2024/10/22
D13 - 測試不只是找到錯誤:探索單元測試的價值與具體做法
單元測試不僅能發現錯誤,更是提升開發技能的關鍵工具。Laravel 提供強大的測試框架,讓我們可以輕鬆撰寫測試。建立測試資料庫、撰寫測試方法、使用 Factory 生成測試資料,能確保程式碼穩定,並幫助開發者在修改與重構中更有信心。持續撰寫測試能提高程式碼品質,並讓開發過程更有條理與安全感。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/22
D13 - 測試不只是找到錯誤:探索單元測試的價值與具體做法
單元測試不僅能發現錯誤,更是提升開發技能的關鍵工具。Laravel 提供強大的測試框架,讓我們可以輕鬆撰寫測試。建立測試資料庫、撰寫測試方法、使用 Factory 生成測試資料,能確保程式碼穩定,並幫助開發者在修改與重構中更有信心。持續撰寫測試能提高程式碼品質,並讓開發過程更有條理與安全感。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/21
D12 - 掌握 Laravel 控制器,打下邏輯基礎
本文介紹了如何在 Laravel 中實作控制器,為個人財務管理系統建立完整的 CRUD API。我們實現了資料的建立、查詢、更新和刪除,並使用資料驗證提升應用安全性。未來將進行程式碼重構及 API 測試,持續優化應用程式。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/21
D12 - 掌握 Laravel 控制器,打下邏輯基礎
本文介紹了如何在 Laravel 中實作控制器,為個人財務管理系統建立完整的 CRUD API。我們實現了資料的建立、查詢、更新和刪除,並使用資料驗證提升應用安全性。未來將進行程式碼重構及 API 測試,持續優化應用程式。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/20
D11 - 開啟 Laravel 路由設定,打造靈活的 API 入口
本文介紹 Laravel 中的路由設定,討論手動定義路由、群組、前綴和中介層的使用。透過這些技巧,能夠靈活組織 API 結構,提升可讀性和安全性。此外,還探討子資源路由及命名空間等進階技巧,幫助開發者精細控制路由行為。接下來會探討控制器的實作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/20
D11 - 開啟 Laravel 路由設定,打造靈活的 API 入口
本文介紹 Laravel 中的路由設定,討論手動定義路由、群組、前綴和中介層的使用。透過這些技巧,能夠靈活組織 API 結構,提升可讀性和安全性。此外,還探討子資源路由及命名空間等進階技巧,幫助開發者精細控制路由行為。接下來會探討控制器的實作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/19
D10 - 深入 Laravel 的 Model,與資料庫暢快互動
本文介紹 Laravel 中的 Model,透過 Eloquent ORM 進行資料庫互動。內容涵蓋 Model 建立、資料表關聯設定,以及利用 Eloquent 特性來優化程式碼。目的是簡化資料庫操作,提高程式碼可讀性與維護性。接下來將開發後端 API,進一步實現系統功能。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
8
Rewrite
2024/10/19
D10 - 深入 Laravel 的 Model,與資料庫暢快互動
本文介紹 Laravel 中的 Model,透過 Eloquent ORM 進行資料庫互動。內容涵蓋 Model 建立、資料表關聯設定,以及利用 Eloquent 特性來優化程式碼。目的是簡化資料庫操作,提高程式碼可讀性與維護性。接下來將開發後端 API,進一步實現系統功能。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
8
Rewrite
2024/10/18
D9 - 走進 Laravel 的世界,從 Migration 開始
這篇文章介紹在 Laravel 中使用 Migration 管理資料庫結構,實現財務管理系統的資料表建立。Migration 提供版本控制、自動化管理和可移植性,方便開發者同步資料庫變更。還介紹了填充測試資料(Seeder)的操作,提高團隊協作效率。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/18
D9 - 走進 Laravel 的世界,從 Migration 開始
這篇文章介紹在 Laravel 中使用 Migration 管理資料庫結構,實現財務管理系統的資料表建立。Migration 提供版本控制、自動化管理和可移植性,方便開發者同步資料庫變更。還介紹了填充測試資料(Seeder)的操作,提高團隊協作效率。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/17
D8 - 深入設計個人財務管理系統的資料庫結構
這篇文章介紹了個人財務管理系統的資料庫設計,涵蓋使用者管理、銀行帳戶管理、財務紀錄和分類管理的核心功能。系統需求包括註冊登入、帳戶管理、財務記錄分類和報表生成。設計了四個資料表,並詳細說明其欄位設計和建表語法。透過清晰的表關聯,確保資料一致性和系統擴展性,為後續的 Laravel 開發打下基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/17
D8 - 深入設計個人財務管理系統的資料庫結構
這篇文章介紹了個人財務管理系統的資料庫設計,涵蓋使用者管理、銀行帳戶管理、財務紀錄和分類管理的核心功能。系統需求包括註冊登入、帳戶管理、財務記錄分類和報表生成。設計了四個資料表,並詳細說明其欄位設計和建表語法。透過清晰的表關聯,確保資料一致性和系統擴展性,為後續的 Laravel 開發打下基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
Rewrite
2024/10/15
D7 - 加入版本控制,讓你的專案擁有「多重宇宙」
好了,經過前幾篇的努力,我們的開發環境已經搭建完成,並進行了初步的測試。一切看起來都很順利,但在正式進入開發之前,我們還有一件重要的事情要做:加入版本控制。 你可能會想:「現在還早吧?我一個人開發,有必要嗎?」但相信我,版本控制就像是遊戲中的存檔點,或者電影裡的多重宇宙時間線,在你需要的時候,
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/15
D7 - 加入版本控制,讓你的專案擁有「多重宇宙」
好了,經過前幾篇的努力,我們的開發環境已經搭建完成,並進行了初步的測試。一切看起來都很順利,但在正式進入開發之前,我們還有一件重要的事情要做:加入版本控制。 你可能會想:「現在還早吧?我一個人開發,有必要嗎?」但相信我,版本控制就像是遊戲中的存檔點,或者電影裡的多重宇宙時間線,在你需要的時候,
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
7
Rewrite
2024/10/14
D6 - 第一階段小驗收
本文指導如何驗收基於 Docker 的開發環境,檢查 Laravel 後端、Nuxt 前端、Nginx 反向代理和 MariaDB 資料庫是否正常運行。透過啟動容器、修改 hosts 檔案、測試各服務的運作,確保整個開發環境穩定。並且提供了常見問題的解決方案,幫助開發者順利驗收環境。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
Rewrite
2024/10/14
D6 - 第一階段小驗收
本文指導如何驗收基於 Docker 的開發環境,檢查 Laravel 後端、Nuxt 前端、Nginx 反向代理和 MariaDB 資料庫是否正常運行。透過啟動容器、修改 hosts 檔案、測試各服務的運作,確保整個開發環境穩定。並且提供了常見問題的解決方案,幫助開發者順利驗收環境。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
Rewrite
2024/10/13
D5 - 拆解 Docker 環境:快速理解Nginx 反向代理 Nuxt 和 Laravel 的關係
本文詳細介紹了如何使用 Docker 環境構建 Laravel 後端和 Nuxt 前端,並通過 Nginx 進行反向代理來協調它們的互動。從 docker-compose.yml 配置到各個服務的設定,讓開發環境穩定運行,並提供了常用的 Docker 指令以便於操作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
33
Rewrite
2024/10/13
D5 - 拆解 Docker 環境:快速理解Nginx 反向代理 Nuxt 和 Laravel 的關係
本文詳細介紹了如何使用 Docker 環境構建 Laravel 後端和 Nuxt 前端,並通過 Nginx 進行反向代理來協調它們的互動。從 docker-compose.yml 配置到各個服務的設定,讓開發環境穩定運行,並提供了常用的 Docker 指令以便於操作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
33
Rewrite
2024/10/12
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
好了,到了這個階段,我們終於要進入 Docker 的世界了!前幾篇文章我們討論了系統規劃與需求,現在來到實作的部分,要為整個開發環境打好基礎。這篇文章將帶你一步步打造出一個基於 Docker 的開發環境,裡面包含了 Laravel(後端)、Nuxt(前端)、Nginx(伺服器),以及 MariaDB
#
我獨自開發
#
iThome鐵人賽
#
系統開發
22
Rewrite
2024/10/12
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
好了,到了這個階段,我們終於要進入 Docker 的世界了!前幾篇文章我們討論了系統規劃與需求,現在來到實作的部分,要為整個開發環境打好基礎。這篇文章將帶你一步步打造出一個基於 Docker 的開發環境,裡面包含了 Laravel(後端)、Nuxt(前端)、Nginx(伺服器),以及 MariaDB
#
我獨自開發
#
iThome鐵人賽
#
系統開發
22
Rewrite
2024/10/11
D3 - 先想清楚再動手:系統需求規劃
這篇文章深入探討了開發個人財務管理系統的規劃過程,包括需求確認、環境建置及技術選型等關鍵步驟。作者強調在開發前進行充分的規劃與設計是成功的基礎,並提供了具體的工具與技術選擇,如PHP、Laravel和Docker。通過清晰的步驟指引,文章幫助讀者掌握系統開發的核心要素,確保順利推進專案。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
3
Rewrite
2024/10/11
D3 - 先想清楚再動手:系統需求規劃
這篇文章深入探討了開發個人財務管理系統的規劃過程,包括需求確認、環境建置及技術選型等關鍵步驟。作者強調在開發前進行充分的規劃與設計是成功的基礎,並提供了具體的工具與技術選擇,如PHP、Laravel和Docker。通過清晰的步驟指引,文章幫助讀者掌握系統開發的核心要素,確保順利推進專案。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
3