源码分享 Spring Boot + Vue3 + 微信小程序 的网上购物商城系统

项目简介

本系统面向 B 类电商毕设场景，模拟多商家入驻的网上购物商城。管理员统筹商家与用户、审核商品与订单；商家维护本店商品并查看销售统计；用户 Web 端与微信小程序均可浏览商品、管理购物车、确认订单并完成模拟支付。适合展示多角色权限、商品审核流转与前后端分离商城业务的计算机类毕业设计。

技术栈

Spring Boot · Vue3 · Element Plus · 微信小程序 · MySQL · MyBatis-Plus · Sa-Token · ECharts · Vite

详细介绍

【管理员端】 负责平台全域运营与监管，数据范围覆盖全部商家、用户、商品与订单。 · 首页：展示用户、商家、商品、订单数量统计及业务快捷入口 · 商家管理：新增、编辑、启用/禁用商家账号，供商家登录后台 · 用户管理：维护注册用户档案与账号状态 · 商品分类：维护商品分类字典，供商品归类使用 · 商品信息：查看全站商品，审核商家提交的商品（待审核/通过/拒绝） · 收藏管理：查看与管理用户收藏记录 · 轮播图管理：配置用户端首页轮播图与展示顺序 · 订单管理：查看与维护全站订单及订单状态 · 统计分析：用户、商家、商品、订单与销售总额统计，ECharts 展示订单状态与分类占比 · 个人中心：修改管理员资料与密码 【商家端】 商家登录后仅可操作本店铺相关数据。 · 首页：展示本店商品数、订单数、销售额概览 · 商品信息：发布、编辑、上下架本店商品，提交后由管理员审核 · 收藏管理：查看本店商品被用户收藏的情况 · 统计分析：本店订单、销售与商品维度统计 · 个人中心：修改店铺资料与密码 【用户端】 未登录可浏览首页与商品，购物车、下单与个人中心需登录。 · 首页：轮播推荐与热门商品展示 · 商品：按分类浏览与搜索商品列表 · 商品详情：查看图文详情，登录后可加入购物车、收藏与立即购买 · 购物车：调整数量、删除商品并进入结算 · 确认订单：选择收货地址、模拟支付并完成下单 · 个人中心：页签含基本信息、修改密码、我的地址、我的收藏、我的订单 【微信小程序端】 原生小程序与用户 Web 端共用 Spring Boot 后端，底部 Tab 为首页、商品、购物车、我的。 · 首页：轮播图与热门商品推荐 · 商品：分类筛选与关键词搜索商品列表 · 商品详情：查看详情，支持加购、收藏与立即购买 · 购物车：管理购物车商品数量并结算 · 确认订单：选择收货地址并完成模拟支付 · 我的：个人中心入口，可进入基本信息、修改密码、我的地址、我的收藏、我的订单等子页 【业务流程】 商家发布商品 → 管理员审核通过 → 用户浏览加购 → 确认订单模拟支付 → 订单生成 → 管理端/商家端统计分析。

核心功能

• ✓ 四端独立登录与角色鉴权（管理员 / 商家 / 用户 / 小程序）
• ✓ 商家入驻与账号启用管理
• ✓ 商品分类维护与商品审核上架
• ✓ 游客浏览商品，登录后购物车与下单
• ✓ 收货地址、收藏与订单个人中心
• ✓ 全站与商家维度订单销售统计（ECharts）
• ✓ 首页轮播图后台配置
• ✓ 原生微信小程序与用户 Web 端同 API
• ✓ 模拟支付完成下单闭环

适用人群

计算机 / 软件工程 / 电子商务 / 信息管理等专业，课题方向为网上商城、多商家电商、O2O 购物平台类毕业设计的同学