Vue.js 購物網站：後台管理系統

Demo

https://vii120.github.io/vue-ec-admin/dist/

Intro

使用vue cli及vue router製作購物網站的後台管理介面，並加入訂單模擬系統

1. 登入畫面

管理功能 (下述2-4點) 需要登入才可查看及使用

2. 商品管理

• 權限：需登入
• 功能：新增、修改、刪除

3. 訂單管理

• 權限：需登入
• 功能：查看，點擊詳細內容會有付款連結

4. 優惠券管理

• 權限：需登入
• 功能：新增、修改、刪除

5. 訂單模擬系統

• 權限：不需登入
• 功能：查看商品細節、加入購物車、輸入優惠代碼、建立訂單
• 其他：表單驗證功能

Plug-ins

• VueAxios
• Vue Loading Overlay
• VeeValidate

API

六角學院 vue-course-api

Reference

六角學院 Vue 出一個電商網站