[Practice] Expense-Tracker

Avatar of Liv Huang.
Avatar of Liv Huang.

[Practice] Expense-Tracker

Backend Engineer
Taipei City, Taiwan

[Practice] Expense-Tracker

記帳本實作練習

https://enigmatic-reaches-48328.herokuapp.com/

使用方式說明:

你可以建立自己的帳號密碼,立即開始體驗!

或是登入範例帳號:user1/12345678

專案介紹

記帳本練習

此為Node.js練習專案,為了實現使用者介面與資料儲存,分別搭配handlebars與mySQL做使用,另外,介面編排使用的是bootstrap現成樣板。最後再透過Heroku部署。

練習重點

增刪查改 CRUD

  • 專案最先建構的部分之一,每筆記帳增刪查改的實現,練習Node.js後端基本功。

資料關聯 hasMany/belongsTo

  • 記帳與使用者對應,每位使用者僅能看見/更動自己的記帳。

過濾 Filter

  • 加入類別與月份搜尋欄位,運用後端邏輯判斷,返回資料庫中符合條件的資料。
  • 類別也是資料關聯的一項,取資料時需將其納入。
  • 月份則需考量日期格式,此處使用moment套件將日期格式化。

密碼雜湊

  • 使用第三方套件passport做密碼雜湊。

提示訊息

  • 操作成功/錯誤訊息,使用flash將後端提示訊息傳入前端樣板,實現操作後的訊息顯示,並可手動關閉。
  • 這部分是我花最多時間的地方,flash由後端req傳到res讓前端取用,這個過程花了我許多時間才了解,弄懂後終於可以愉快地在各處加上不同類別的訊息,達到操作提示的目標。
使用Node.js建構專案,搭配MySQL資料庫,並部署於Heroku。前端使用開源軟體Bootswatch建置。 功能: * 資料可進行增刪查改(CRUD)。 * 資料與使用者間有關聯,每位使用者僅能看見自己的資料。 * 資料可根據類別與月份同時搜尋。
Avatar of the user.
Please login to comment.

Published: Mar 29th 2022
20
3
0

Tools

javascript
JavaScript
mysql
MySQL
heroku
Heroku
nodejs
Node.js

Share