iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

從零開始的個人化記帳程式開發 系列

一直以來都有記帳的習慣,但現成的記帳 APP 沒辦法百分之百符合自己需求,常常要自己手動紀錄到 Excel。因此趁著 IT 鐵人賽的 30 天,來啟動這個總是說說的個人 side project,自己用網頁技能刻一個記帳程式,順便練習各種前後端能力!

鐵人鍊成 | 共 30 篇文章 | 60 人訂閱 訂閱系列文 RSS系列文 團隊Wow Doge!
DAY 1

記帳程式 (01):緣起

第一篇輕鬆點,來記錄一下今年的主題選擇吧。 適合的讀者 寫到第十篇時,寫了這個部分,也回頭補一下第一篇中系列文的受眾,以免大家看到太多廢文浪費太多時間 XD...

2019-09-17 ‧ 由 ckchuang 分享
DAY 2

記帳程式 (02):從模仿開始,向現有記帳軟體學習

一時興起,就變成每日一梗圖了,之後可以順便拿來紀錄鐵人賽每天趕稿的心情點滴好像也不錯。 進入正題,在沐浴淨身、靜坐冥想、捲起袖子開始寫程式前,第一步最重要...

2019-09-18 ‧ 由 ckchuang 分享
DAY 3

記帳程式 (03):盤點功能

昨天的狀態,晚上十二點前從容不迫的吃著晚餐然後努力耍廢,十二點後開始帶著罪惡感趕稿的人森。今天可是痛定思痛將兩個表情反過來了。 前一篇觀察過幾款知名的記帳...

2019-09-19 ‧ 由 ckchuang 分享
DAY 4

記帳程式 (04):用 Vue CLI 3 建置專案

技術架構 以下簡單列一下這個專案的技術架構規劃,也有可能會再調整,一開始會先以前端為主,後期有需要會加上後端系統。 前端 Vue CLI 3 Ele...

2019-09-20 ‧ 由 ckchuang 分享
DAY 5

記帳程式 (05):編排檔案結構與分支管理

編排檔案結構 針對 src 目錄底下的檔案結構做了調整: api:呼叫後端 API 統一格式放這裡 assets:圖片跟 CSS 檔 component...

2019-09-21 ‧ 由 ckchuang 分享
DAY 6

記帳程式 (06):Linter、Formatter 設定與 Element UI 安裝

接續昨天沒設定完的專案設定,今天花了比較多時間在調整 Linter 與 Formatter 的設定,並載入 Element 這個 UI 元件庫。 今日大綱...

2019-09-22 ‧ 由 ckchuang 分享
DAY 7

記帳程式 (07):記帳程式畫面布局

本文同步刊載於我的個人部落格:記帳程式|07. 記帳程式畫面布局 經過好幾天枯燥無趣的環境設定,今天終於可以進到比較有趣的前端畫面開發了! 對於後面幾...

2019-09-23 ‧ 由 ckchuang 分享
DAY 8

記帳程式 (08):vue-router 與 menu 串接

今天原本預計要開始進入第一個功能的開發了,因為第一步當然就是點 menu 的地方要可以連過去「月記帳本」這個 route,但發現昨天在左側選單的部分只暫時做出...

2019-09-24 ‧ 由 ckchuang 分享
DAY 9

記帳程式 (09):基本功能開發 - 月記帳本 Part.1

昨天針對 vue-route 及 menu 的部分調整好了後,終於可以開始做功能開發了! 今天就要著手來進行第一個基本功能 —— 月記帳本。 安排檔案結構...

2019-09-25 ‧ 由 ckchuang 分享
DAY 10

記帳程式 (10):基本功能開發 - 月記帳本 Part.2

適合的讀者 不知不覺也在匆忙之中來到第十篇,有點跳 tone 的補一下當初第一篇忘了說的「系列文的受眾」,以免大家看到太多廢文內容不夠扎實的文章,浪費太多時間...

2019-09-26 ‧ 由 ckchuang 分享