這是一個電商網站專案,旨在提供用戶瀏覽家居產品的線上平台,具備多裝置的RWD響應式設計,並且可以購買結帳功能,擁有前後台功能,擁有動態網站特性,具備前後端分離。
- 支持裝置響應式範圍:375/576/768/992/1200/1600/1920
前台
- 首頁展示
- 顯示商品列表
- 依照類別篩選商品
- 依照關鍵字篩選商品
- 依照推薦、評價、價格、商品創建時間排序商品
- 商品加入追蹤清單與移除
- 顯示追蹤清單列表
- 商品加入購物車
- 編輯購物車數量、刪除購物車
- 填寫寄送者顧客資訊、表單驗證、送出訂單
- 顯示訂單列表追蹤訂單進度
- 最新活動查看近期舉辦活動資訊
- 頁尾新增認識我們、加入我們、常見問題、聯絡我們、隱私權政策介紹
後台(管理者)
- 登入與登出
- 顯示商品列表
- 依照類別篩選商品
- 新增、編輯、刪除商品
- 顯示訂單列表
- 編輯、刪除訂單
- 安裝所需的依賴套件:
npm install - 在本地開發伺服器上運行:
npm run dev - 在瀏覽器中打開:
http://localhost:30328
- Node ^v20.10.0
- vue ^3.3.11 [Composition API]
- vue-router ^4.2.5
- pinia ^2.1.7
- vee-validate ^11.10.5
- yup ^1.3.3
- axios ^1.6.5
- i18next ^23.8.2
- fuse.js ^7.0.0
- vue-select ^4.0.0-beta.6
- swiper ^11.0.6
- sweetalert2 ^11.10.5
- vue3-toastify ^0.2.1
- vue-loading-overlay ^6.0
- bootstrap ^5.3.2
- json-server ^1.0.0-alpha.23
本專案僅供個人練習作品使用,不授權任何用途