mall system

商城系統（帶後台管理）

關於

一個基於Vue2 + ElementUI 的具有客戶、商家、管理員三種模式的商城系統。

這裡是前端部分，後端及數據庫文件：https://github.com/Hacker-C/mall-system-backend

在線地址

用戶模塊：

管理員後台模塊:

商家模塊：

(back to top)

技術棧

• 前端： Vue2 ElementUI Vue Router Axios
• 後端： SpringBoot MySQL

(back to top)

開發環境

• Vue: v2.1.6
• vue/cli: v4.5.15
• vue-router: v3.2.0
• Node.js: v16.13.0
• Echarts: v5.2.2
• ElementUI: v2.4.5

本地運行

1. git clone

    git clone [email protected]:Hacker-C/mall-system.git
   

2. npm install

    npm install
   

3. start

    npm run dev
   

4. build

    npm run build
   

功能實現

顧客模塊

• 登陸網站
• 瀏覽網站內容
• 註冊成此網站會員
  • 編輯自己基本信息
  • 修改密碼
  • 重置賬戶金額
• 將選中的商品加入購物車
  • 對購物車進行管理
    • 刪除購物車中商品
    • 將購物車商品一起購買
• 購買商品（管理訂單）
  • 提交訂單
  • 對訂單進行付款
  • 刪除訂單
  • 取消訂單
• 對購買後的商品進行評價
  • 評價商品
  • 刪除自己的評論
• 收藏夾
  • 添加商品到收藏集
  • 刪除收藏夾中內容

(back to top)

商家模塊

• 註冊申請開店
• 對自己的店進行管理
  • 上傳商品圖片
  • 對商品進行介紹
  • 編輯商品價格、剩餘量、折扣等基本信息
• 統計店內商品銷售情況
  • 查看總體收入情況
  • 查看各類商品銷售量、總收入
• 管理訂單
  • 查看訂單信息
    • 查看訂單總金額、下單時間
    • 對訂單中的商品進行發貨操作
  • 編輯訂單狀態
    • 取消訂單
    • 對訂單進行發貨

(back to top)

管理員模塊

• 對商家進行管理
  • 查看、刪除該商家下的所有商品
  • 編輯商家和店舖的相關信息
• 對系統進行維護管理
• 管理所有用戶
  • 管理顧客、商家基本信息
  • 重置顧客、商家登錄密碼
  • 拉黑顧客、商家（拉黑後無法登錄）
  • 管理用戶身份角色例如將某顧客身份改為商家，活著將其升級為管理員
  • 查看所有用戶組成（管理員、顧客、商家）
• 管理系統
  • 管理首頁限時折扣倒計時時間
  • 管理首頁商品分類功能
    • 編輯商品分類名稱
    • 刪除商品分類
    • 添加新的商品分類
  • 管理系統的公告
    • 編輯公告內容