Nuxt
含有「Nuxt」共 19 篇內容
全部內容
發佈日期由新至舊
以軟體工程為主軸的開發紀錄
2024/12/15
D21 - 實作分類管理:建立分類列表與新增/編輯頁面
這篇文章介紹建立分類列表頁面以及新增和編輯功能。文中詳細說明瞭頁面結構、資料取得、錯誤處理等重要步驟,並強調了共用元件和資料驗證的一致性。通過這次開發,讀者將獲得關於如何在Nuxt中操作動態路由的深入理解,同時提高使用者體驗。希望本篇能幫助讀者順利完成相關功能建置。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
2
留言
以軟體工程為主軸的開發紀錄
2024/12/14
D20 - 實作銀行帳戶管理:建立銀行帳戶列表與新增/編輯頁面
哈囉,大家好!在前面的文章中,我們已經規劃了前端介面,並盤點了所需的頁面與功能。 現在,是時候開始動手實作了。今天,我們將專注於 銀行帳戶列表頁面(Bank Accounts)以及 新增/編輯銀行帳戶頁面(Add/Edit Bank Account)的開發。 透過這次的實作,我們將學習如何在 N
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
3
留言
以軟體工程為主軸的開發紀錄
2024/11/04
D19 - 規劃前端介面:盤點所需的頁面與功能
哈囉,大家好!本文探討了 Nuxt 前端介面設計與規劃,為個人財務管理系統建立頁面清單及功能需求。從首頁、交易紀錄到報表頁面,每個頁面皆包含具體操作和資料顯示功能。透過重新盤點與規劃,提升開發效率、使用者體驗及協作效果,為後續開發奠定基礎。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
6
留言
以軟體工程為主軸的開發紀錄
2024/11/03
D18 - 整合後端 API:在 Nuxt 中使用 Axios 實現資料動態渲染
哈囉,大家好!本次介紹如何在 Nuxt 應用中使用 Axios 整合 Laravel 後端 API,實現動態資料渲染並搭建身份驗證機制。透過 Axios 配置與 Vuex 狀態管理,建立交易紀錄頁面並添加錯誤處理,提供更友善的使用者體驗。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
28
留言
以軟體工程為主軸的開發紀錄
2024/10/28
D16 - 開始前端開發:用 Nuxt 為應用程式注入活力
完成後端基本功能並通過驗收後,我們開始使用 Nuxt 架設個人財務管理系統的前端。Nuxt 基於 Vue,學習曲線平緩且配置簡單,適合不同程度的開發者。透過 Docker,我們快速建立了 Nuxt 開發環境,並搭建首頁和交易紀錄頁面,整合 Tailwind CSS 提供美觀的 UI。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
5
留言
佧佧的術式領域
2024/10/21
【今天開始學 Nuxt】前言、還有環境建置與安裝
Nuxt 是什麼? 總之先學再說! 初見Nuxt,需要的環境?怎麼安裝? 快來看看,從今天開始學 Nuxt !
#
學習
#
Nuxt
2
留言
以軟體工程為主軸的開發紀錄
2024/10/14
D6 - 第一階段小驗收
本文指導如何驗收基於 Docker 的開發環境,檢查 Laravel 後端、Nuxt 前端、Nginx 反向代理和 MariaDB 資料庫是否正常運行。透過啟動容器、修改 hosts 檔案、測試各服務的運作,確保整個開發環境穩定。並且提供了常見問題的解決方案,幫助開發者順利驗收環境。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
9
留言
以軟體工程為主軸的開發紀錄
2024/10/13
D5 - 拆解 Docker 環境:快速理解Nginx 反向代理 Nuxt 和 Laravel 的關係
本文詳細介紹了如何使用 Docker 環境構建 Laravel 後端和 Nuxt 前端,並通過 Nginx 進行反向代理來協調它們的互動。從 docker-compose.yml 配置到各個服務的設定,讓開發環境穩定運行,並提供了常用的 Docker 指令以便於操作。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
33
留言
以軟體工程為主軸的開發紀錄
2024/10/12
D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)
好了,到了這個階段,我們終於要進入 Docker 的世界了!前幾篇文章我們討論了系統規劃與需求,現在來到實作的部分,要為整個開發環境打好基礎。這篇文章將帶你一步步打造出一個基於 Docker 的開發環境,裡面包含了 Laravel(後端)、Nuxt(前端)、Nginx(伺服器),以及 MariaDB
#
我獨自開發
#
iThome鐵人賽
#
系統開發
22
留言
以軟體工程為主軸的開發紀錄
2024/10/11
D3 - 先想清楚再動手:系統需求規劃
這篇文章深入探討了開發個人財務管理系統的規劃過程,包括需求確認、環境建置及技術選型等關鍵步驟。作者強調在開發前進行充分的規劃與設計是成功的基礎,並提供了具體的工具與技術選擇,如PHP、Laravel和Docker。通過清晰的步驟指引,文章幫助讀者掌握系統開發的核心要素,確保順利推進專案。
#
我獨自開發
#
iThome鐵人賽
#
個人財務管理系統
8
3
普普文創
3
看到這篇很感動!寫得很清楚!也寫得很明白!只是做這麼多,如果只給你自己一個人用,我覺得有點浪費。或者可以朝另外一個方向去想,給所有人都適用的一種東西,也就是"財務管理"這樣會來的有效果的多。