'#簡單購物網練習'
作品已部屬在heroku上,會休眠,開啟時會顯示錯誤,重新整理才會正確顯示,可以參考看看。
#功能說明
##使用技術
react , redux, axios, material-ui,express ,mongoose
##頁面說明 ###首頁
用material-ui中的組件實現rwd的功能,商品欄的商品利用axios從後端獲取資料,可以利用資料連結商品詳細資料。 appBar上有個頭像,若未登入會跳出登入視窗,裡面有往註冊頁面的連結,若不註冊新帳號可用 帳號: 2@sss.com 密碼:123456 登入。 appBar上的購物車可連結購物車。
###我的拍賣
若已登入帳號可連結到此頁面,appBar上的新增商品可新增商品。 若有商品的情況下可刪除商品。 更新商品未完成。
###上架商品
可以上傳圖片以及商品資料,圖片是上傳到imgur,上傳完成後回傳圖片地址,再連同商品資料存到後端的資料庫。 ###購物車
利用localstorage儲存商品資料,下次再進入此頁面時可顯示上次的商品,而且不登入即可紀錄商品資料,已待登入時即可繼續購物。 "確定購買"按鍵可根據是否登入,反映不同動作。 ##後端說明 利用nodeJs express 製作roter,接收與發送前端的資料與資料庫連結,資料庫為mongoDB。 登入時會從資料庫中找查資料,若帳號密碼正確回傳token給前端。
##附註 此為開發環境,可以用console觀看action,所以有點慢。