首先,非常感謝 iThome 持續舉辦這樣的鐵人賽活動,已經到第 16 屆了。老實說,這次原本也沒有想要參加,畢竟這麼多年下來我都沒有動念報名。 直到九月初,有...
哈囉,大家好!不知不覺,我們的 30 天鐵人挑戰已經來到了第 29 天。在過去的 28 篇文章中,我們從零開始,一步一步地建立了一個完整的個人財務管理系統。 今...
哈囉,大家好!經過了二十多個不眠之夜,我們一步一步地打造出了屬於我們的個人財務管理系統。從最初的需求分析,到後端的實作,再到前端的開發,我們體驗了作為獨立開發者...
哈囉,大家好!經過前面二十多天的努力,我們的個人財務管理系統已經完成了主要的功能開發。在最後的幾天裡,我想和大家一起來優化我們的系統,讓它不僅能夠運行,還能夠更...
大家好!經過前面25天的努力,我們的個人財務管理系統已經初具規模。在這第三階段的驗收中,我們將對已完成的功能進行總結和驗證,並對未來的發展進行規劃。 一、已完成...
大家好!在前面的文章中,我們已經完成了交易紀錄管理、銀行帳戶管理和分類管理的功能。 今天,我們將繼續完善我們的個人財務管理系統,專注於報表功能的開發。 報表功能...
大家好!在前面的文章中,我們討論了開發過程中的一些反思。今天,我們將探討 Vue 3 中的一個重要主題:如何將 Options API 的程式碼轉換為 Comp...
大家好,今天我想和大家探討一個比較嚴肅的話題。過去的幾篇文章中,如果你有跟著一起實作,可能會發現我提供的程式碼有些奇怪之處。甚至有些眼尖或熟悉 Vue 的朋友,...
哈囉,大家好!在前面的文章中,我們已經實作了銀行帳戶管理和分類管理的功能,建立了相應的列表頁面以及新增/編輯頁面。今天,我們將繼續完善我們的個人財務管理系統,專...
哈囉,大家好!在前一篇文章中,我們成功地實作了銀行帳戶管理的功能,建立了銀行帳戶列表頁面以及新增/編輯頁面。今天,我們將繼續完善我們的個人財務管理系統,專注於分...
哈囉,大家好!在前面的文章中,我們已經規劃了前端介面,並盤點了所需的頁面與功能。 現在,是時候開始動手實作了。今天,我們將專注於 銀行帳戶列表頁面(Bank A...
哈囉,大家好!經過前面的努力,我們已經成功地整合了後端 API,並在 Nuxt 中使用 Axios 實現了資料的動態渲染。現在,我們的個人財務管理系統已經具備了...
哈囉,大家好!在前面的文章中,我們已經成功地建立了 Nuxt 的開發環境,並且深入了解了 Nuxt 的前端結構,特別是 app.vue 和 layouts/de...
哈囉,大家好!經過前面的努力,我們已經成功建立了 Nuxt 的開發環境,並初步了解了它的使用方式。在前一篇文章中,我們建立了第一個頁面,並準備好了後續開發所需的...
哈囉,大家好!經過前面的努力,我們已經完成了後端的基本功能,也進行了第二階段的驗收。現在,是時候讓我們的個人財務管理系統有一個漂亮又實用的前端介面了。今天,我想...
哈囉,大家好!不知不覺,我們的 30 天鐵人挑戰已經過了一半。這段期間,我們一起從零開始,建立了個人財務管理系統的後端,從資料庫設計、模型建立、路由設定到控制器...
哈囉,各位!我們已經搭建好了開發環境,也處理好了版本控制。現在,是時候來設計我們的資料庫了。這一步可不能馬虎,因為資料庫就像是系統的心臟,設計得好,才能讓整個系...
好了,經過前幾篇的努力,我們的 Docker 環境已經搭建完成。現在,是時候換上使用者的帽子,來驗收我們的開發環境了!畢竟,環境建置得再漂亮,如果不能正常運作,...
好了,到了這一步,我們已經有了一個基於 Docker 的開發環境,但你可能會想:「這麼多配置,到底是怎麼運作的?」別擔心,今天我們要一起拆解這個 Docker...
好了,到了這個階段,我們終於要進入 Docker 的世界了!前幾篇文章我們討論了系統規劃與需求,現在來到實作的部分,要為整個開發環境打好基礎。這篇文章將帶你一步...
到了第三篇~!,我們準備進一步進入正題! 上一篇,我們已經選定了要開發的專案:「個人財務管理系統」。不過,開始寫程式之前,千萬別急著衝一波,咱們得先做點規劃。因...
獨自開發並不意味著必須精通所有技術,而是能夠在遇到問題時,主動查找資料、解決 bug,並且完成整個專案。即使還未成為全端專家,重點是能夠從頭到尾完成一個最小可行...
前言 在搜尋引擎最佳化 SEO 中,其中有一個最佳化項目是結構化資料標記 (Structured Data Markup),當你的網站設定好結構化的資料,將有助...
DAY 30 - <鐵人完賽感言> 回顧 30 Days 學習歷程 DAY 30 完結篇,在抓篇章結果沒有預估好,Nuxt 果然寫不完 XD光是...
DAY 29 - Vue/Nuxt transition 轉場動畫 在 Vue 裡本身就有內置 <Transition> 組件,我們可以利用這個組...
DAY 28 - Nuxt 使用 useFetch 串接 API 前言 延續上篇 ...DAY 27 - Nuxt Server 模擬 RESTful AP...
DAY 27 - Nuxt Server 模擬 RESTful API 什麼是 Nuxt Server ? 有聽過 Json Server 嗎 ?Nuxt S...
DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式 今日前言 - 網站模式/渲染模式複習 前篇 DAY 25...
DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR 今日前言 接下來會提到 Nuxt 渲染方式,那就不得不提到本身...
DAY 24 - Nuxt Routing 路由 與動態路由 Nuxt Routing Nuxt 路由是基於vue-router 來使用, 依據資料夾 pa...