線上購物商城、電子商務網站

專案動機:
出發點:有使用過許多購物網站的經驗,有一些覺得可以新增的功能,想嘗試製作新功能,讓網站使用起來更便利更順暢。
契機:沒有做過類似專案,想要挑戰製作看看。
專案介紹
參考眾多購物網站,慢慢拼奏自己最適合的架構以及版型,還有想要的功能。ex.瀏覽紀錄

在瀏覽不同商品時,紀錄會根據瀏覽順序,隨著改變,一次最多紀錄三筆瀏覽過的商品資料。


重點技術 - SHA256及md5加密資料
在token部分,使用用戶名稱加上私有金鑰透過 hash SHA256 進行加密製作,回傳前端頁面儲存,用於登入驗證使用。
在用戶密碼部分,使用hash md5 方式進行加密製作,儲存在數據庫中,用於登入時檢驗。



重點技術 - 裝飾器
透過裝飾器來簡化登入狀態驗證的功能,減少整體代碼容量,優化整體效能。

重點技術 - 購物車/瀏覽紀錄-小視窗
在購物時可以不需要切換頁面,即時觀看購物車現況,以及查看瀏覽紀錄。


重點技術 - 訂單分類
在瀏覽訂單時,可以很快了解,哪些訂單處於何種階段,處理訂單更加快速


重點技術 - RESTful API 模式
透過 GET、POST、PUT 等 HTTP Method 與市面上大多數公司使用相同的規範,進行後端視圖函數的編寫。


重點技術 - 金流串接
透過綠界金流API串接,實現第三方公司金流代理,完成線上付款或超商繳款功能。


專案製作-幫助提升的技能:
1.專案項目架構
2.頁面布局能力
3.頁面效果編寫
4.RESTful API編寫
5.數據庫操作
6.數據加密模式
7.Debug能力
專案後續發想:
1.購物網站連動手機購物APP
2. 物流串接
教學回饋:
Commenti