Di Store 購物網站 Vue CLI 3

Demo

Vue CLI 3

https://di501105.github.io/di_store/

簡介

使用 Vue Cli 3 、 Vuex 及 Vue Router 製作的購物網站

前台：

• 首頁 Banner 、 商品 輪播
• 管理員登入
• 購物車功能
• 我的最愛功能 (使用 localStorage)
• 商品列表、分類展示
• 單一商品詳細介紹
• 訂單結帳
• 優惠卷套用
• 結帳表單驗證

後台：

• 商品管理
• 客戶訂單管理
• 優惠卷管理

內容介紹

• 商品分類挑轉
• 商品輪播展示

• 購物車

• 商品列表

• 單一商品詳細資訊

• 訂單結帳

• 後台

技術

• Vue Cli 3
• Vuex
• Vue Router
• Vue Component
• API操作(前後端分離)
• Webpack 打包
• ESlint
• Bootstrap4 + scss手刻
• localStorage

使用套件

• vue-axios
• VeeValidate (驗證表單)
• vue-loading-overlay
• vue-awesome-swiper (輪播)
• Bootstrap 4
• Google Font
• Font Awesome

API

六角學院 vue-course-api