-
純 JavaScript 開發,無使用任何框架。
-
包含完整前後台頁面模擬與訂單資料、圖表呈現。
-
本作品採用現成模板實作功能練習,實作以JS邏輯為主,不包含版型切版。
- axios API商品資料串接與UI渲染
- 商品加入購物車
- 數量調整
- 表單處理
- 防止過度請求API細節(適時使用Disabled或隱藏功能)
- axios API訂單資料串接與UI渲染
- 訂單狀態點擊切換功能:已處理/未處理
- 使用 C3.js 圖表套件渲染統計結果:
- 全產品類別營收比重:以三大產品類別呈現統計圖表
- 全品項營收比重:取出前三大熱門產品,其餘產品則合併為一項,統計並顯示圖表
- SweetAlert2
- C3.js 圖表
- axios
- JS技術導師:洧杰校長、穎旻老師
- 課程助教:傑利助教
- 所有作業皆以最高等級LV3完成
