一直以來都有記帳的習慣,但現成的記帳 APP 沒辦法百分之百符合自己需求,常常要自己手動紀錄到 Excel。因此趁著 IT 鐵人賽的 30 天,來啟動這個總是說說的個人 side project,自己用網頁技能刻一個記帳程式,順便練習各種前後端能力!
今日開發紀錄 昨天做了「支出紀錄」的新增與讀取,原本今天是預期來把編輯與刪除做完,原本以為一小時沒問題的,但卻在一路順著邏輯下去做時,發現 dialog 的資...
遇到的問題 目前的進度在做記帳程式「支出紀錄」的增刪改查,原本以為這樣簡單的 CRUD 應該是一塊小蛋糕,卻在要將「新增」與「編輯」的 form dialog...
前言 前面幾天進度緩慢的把前端內容做了一些出來,但實在覺得沒有後端資料的內容,開發起來還是不太順暢。 就以往的開發經驗來說,如果是像開發一些前端互動內容性質重...
Firebase 是什麼 Firebase 是 Google 提供的一套面向行動及網頁程式的開發平台,或者可以說它是一個 BaaS(Backend as a...
Cloud Firestore 簡介 Cloud Firestore 是 Google 提供的一款雲端 NoSQL 資料庫,可以快速地運用在 Firebase...
昨天介紹了什麼是 Firestore 並介紹它與上一代的 Google 雲端資料庫 Realtime Database 的不同後,今天要實際上來練習怎麼使用了...
接續昨天的內容,今天要來將 Firestore 引入網頁專案中! Step 1. 將相關套件加到 Web 應用中 首先要來進到網頁專案中,引入套件及昨天第三步...
昨天建置好 Firestore 並確認開發的網頁專案能正確連上後,今天就要來實際使用它的語法學習各種寫入資料庫的做法了! 寫入語法 寫入語法共有四種操作:...
前言 在前面幾天的時候,因為還是想要直接能串資料庫,所以將主題切出去學習一下 Firestore,今天就要來將 Firestore 導入 Vue 專案了,一邊...
熟悉的標題,最對味。不加一下天數都快忘了自己寫到哪一天了。 昨天成功將 Firestore 引入原本的記帳程式後,今天要回頭繼續把前面因為沒有 API...