FlowerShop 電商網站 Demo

簡介

此作品 Vue2 、 Vuex 及 Vue Router 製作的購物網站，主要功能有以下：

• 前台:
  1. 電商展示
     • 商品分類
     • 單一商品介紹
     • 相似商品陳列
     • 動態效果 (視差滾動、輪播效果)
  2. 購物車
  3. 最愛收藏
  4. 優惠卷
  5. 下單/結帳 (表單驗證)
• 後台:
  1. 管理者登入 (身份驗證)
  2. 商品管理
  3. 客戶訂單管理
  4. 優惠卷管理

內容介紹

前台

• 品項分類

• 商品列表

• 單一商品介紹

• 下單/結帳

• 相似商品

• 購物車、我的最愛

後台

• 後台管理介面

• 商品檢視

• 優惠卷編輯

• 刪除商品

技術

• Vue.js 相關
  • Vue Cli 3
  • Vuex
  • Vue Router
  • Vue Component
• 設計相關技術
  • Bootstrap 4
  • RWD
  • SCSS
• 其他技術
  • JavaScript(ES6)
  • API 串接
  • ESlint

外部資源

套件

• AOS-Animate
• Awesome-swiper
• Bootstrap 4
• Font Awesome
• Google Font
• Vue-axios
• Vee-Validate
• Vue-loading-overlay

圖片

• Unsplash

API

• 六角學院 vue-course-api

責任聲明

本作品內圖片、內容等，僅做為個人學習使用，不做任何商業用途。