專案名稱:羅根傢俱Vogue_Furniture

Demo:http://localhost:5173/Vogue_Furniture/#/

使用技術

• 利用 Vue.js 搭配 Vite 建立專案
• 利用 Vue Pinia 管理產品,購物車資料、方法
• 利用 Vue Router 切換分割頁面
• 利用 axios 處理 AJAX 請求，獲取後端資料
• 利用 Bootstrap 5 結合 Sass 切版 建立畫面 UI ，具備響應式設計
• 利用 VeeValidate 處理表單驗證
• 利用 vue-sweetalert 設置提示訊息，提升使用者體驗
• 利用 AOS 製作視差滾動
• 利用 moment.js 轉換 Timestamp 處理
• Swiper 輪播功能

專案介紹

前台

• 電商展示：首頁、商品列表、商品介紹、關於我們 等
• 購物車：新增,編輯,刪除
• 優惠券
• 結帳

商品列表

商品細節

後台

• 可進行商品的新增、修改、刪除等操作
• 可管理訂單、商品、圖片
• 具備使用者驗證機制，以確保操作安全

商品管理

訂單管理

訂單細節

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint