【2026精品项目】基于SpringBoot3+Vue3的校园小卖铺系统(包含源码+项目文档+SQL脚本+部署教程)

校园小卖部系统项目介绍

视频演示地址https://www.bilibili.com/video/BV1qkdGBBEnr/

一、项目概述

校园小卖部系统是一个面向校园场景的线上购物平台，主要服务于学生日常购物和校园小卖部运营管理。系统采用前后端分离架构，支持商品浏览、商品搜索、购物车、在线下单、余额支付、订单管理、商品评价、后台商品管理、分类管理、用户管理、轮播图管理和经营数据统计等功能。

本项目适合作为课程设计、毕业设计、校园电商系统原型或小型商业项目基础版本使用。系统整体围绕「学生线上选购、商家后台管理、订单状态流转」三条核心业务线展开，实现了一个完整的校园小卖部 MVP。

二、技术栈

2.1 后端技术栈

开发语言：Java
JDK 版本：JDK 21
后端框架：Spring Boot 3
持久层框架：MyBatis
数据库：MySQL 5.7+
接口风格：RESTful API
安全认证：JWT Token
密码加密：BCrypt
参数校验：Spring Validation
构建工具：Maven

2.2 前端技术栈

前端框架：Vue 3
构建工具：Vite
UI 组件库：Element Plus
网络请求：Axios
图标库：Element Plus Icons
页面风格：现代化卡片布局、渐变背景、响应式视觉设计

2.3 数据库技术

数据库：MySQL 5.7+
字符集：utf8mb4
存储引擎：InnoDB
数据脚本：sql/init.sql

三、开发环境

3.1 后端开发环境

JDK：JDK 21
Maven：3.8+
IDE：IntelliJ IDEA 2024.1 或以上版本
数据库：MySQL 5.7+
数据库工具：Navicat / DataGrip / MySQL Workbench

3.2 前端开发环境

Node.js：18+
包管理工具：npm
IDE：Visual Studio Code / Cursor / WebStorm

3.3 推荐运行环境

操作系统：Windows / macOS / Linux
后端端口：8080
前端端口：5173
数据库名：campus_store

四、项目目录结构

text 复制代码

xiaomaipu
├── backend              # Spring Boot 后端工程
├── frontend             # Vue 3 前端工程
├── sql                  # 数据库脚本（init.sql）
├── docs                 # 文档目录
└── README.md            # 启动说明

五、项目角色

5.1 普通用户

面向学生群体，可完成商品浏览、购物车、下单、余额支付、确认收货与评价等操作。

5.2 管理员

面向校园小卖部经营人员，通过后台管理商品、分类、用户、订单、轮播图及经营数据。

六、项目功能

6.1 用户端

模块	说明
注册登录	用户名密码注册登录；JWT 鉴权
首页	轮播图、分类入口、热销/推荐商品
分类与搜索	按分类浏览；关键词搜索
商品详情	价格、库存、销量、简介、富文本详情、评价展示
收藏	收藏 / 取消收藏
购物车	加减数量、删除、合计金额
下单	填写收货信息、备注并生成订单
余额支付	模拟余额扣减；支付后库存扣减
订单	列表与详情；取消（待支付）、支付、确认收货
评价	已完成订单内单品评价
个人中心	资料修改、模拟充值

6.2 后台管理

模块	说明
经营看板	销售额、订单数、用户数、库存预警、热销排行
用户管理	用户列表；启用 / 禁用
分类管理	增删改分类
商品管理	增删改商品、上下架信息维护
订单管理	查看订单；流转配送状态
轮播图管理	首页轮播配置