三月兔下午茶

Demo

以甜點為主題的 SPA 電商網站，主要使用 Vue 3 所製作。

功能介紹

前台

• 商品展示、搜尋、分類、單一商品瀏覽、加入最愛
• 購物車
• 結帳流程、訂單查詢
• 部落格文章陳列、單一文章查看

後台

• 登入、登出、Cookie 維持登入
• 商品管理
• 訂單管理（查看明細、修改資料、更新訂單狀態）
• 優惠券管理
• 部落格文章管理

使用套件

• Vite
• Pinia - Vue.js 狀態管理
• Vue Axios - 串接 API
• Vue Router - 建立路由
• Vee-validate - 驗證表單內容
• vue-loading-overlay - 頁面讀取效果
• ESlint(Airbnb) - 優化與統一代碼風格
• Prettier - 程式碼格式排列美化
• Tailwind CSS - CSS 框架
• Tailwind Elements - UI 庫
• Swiper - 輪播套件
• SweetAlert2 - 彈跳視窗
• CKEditor 5 - 文章編輯器
• AOS-Animate - 滾動動畫

執行專案

# 安裝
npm install

# 開發模式
npm run dev

# 編譯打包
npm run build

更新記錄

• 2026.04 修正與優化明顯問題
• 2023.12 完成專案

其它

• API
• Wireframe
• 使用資源：Pinterest、unsplash、freepik、各大甜點網站及文案

_{2023 @ 此網頁僅作為練習使用，非商業用途}