商城系统（带后台管理）

关于

一个基于 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 git@github.com: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)

管理员模块

• 对商家进行管理
  • 查看、删除该商家下的所有商品
  • 编辑商家和店铺的相关信息
• 对系统进行维护管理
• 管理所有用户
  • 管理顾客、商家基本信息
  • 重置顾客、商家登录密码
  • 拉黑顾客、商家（拉黑后无法登录）
  • 管理用户身份角色 例如将某顾客身份改为商家，活着将其升级为管理员
  • 查看所有用户组成（管理员、顾客、商家）
• 管理系统
  • 管理首页限时折扣倒计时时间
  • 管理首页商品分类功能
    • 编辑商品分类名称
    • 删除商品分类
    • 添加新的商品分类
  • 管理系统的公告
    • 编辑公告内容