SpringBoot+Vue 在线拍卖系统 | 毕业设计完整源码 | 前后端分离
🧑💻博主介绍 & 诚邀关注
作者：专注于 Java、Python、前端开发的技术博主 | 全网粉丝 30 万 +
在校期间协助导师完成毕业设计课题分类、论文格式初审及代码整理工作；工作后持续分享毕设思路，助力毕业生顺利完成课题。
== 🔥欢迎订阅我的专栏，获取完整源码、论文框架和部署文档，一起学习，共同进步！==
📌精品项目推荐 需要源码，文末有作者联系方式
# SpringBoot+Vue 在线拍卖系统 | 毕业设计完整源码 | 前后端分离以下是精选毕业设计题目，后续会逐步更新对应项目的源码和论文框架：
摘要
这个项目是一个基于SpringBoot和Vue的在线拍卖系统，适合做毕业设计或者课程设计。系统分管理员和普通用户两个角色，主要功能包括商品管理、拍卖管理、用户管理、订单管理等。前端用Vue写，后端用SpringBoot，数据库是MySQL。整个项目代码完整，可以直接跑起来用。
一、项目介绍
在线拍卖系统说白了就是让用户能在网站上买东西，但不是直接买，而是像拍卖会一样，谁出价高谁拿到。管理员在后台发布拍卖商品，设置起拍价、加价幅度、拍卖时间这些参数。普通用户登录后可以浏览正在拍卖的商品，看到喜欢的就出价，系统会记录每次出价的时间和金额。拍卖结束后，最高出价者中标，然后生成订单，用户付款完成交易。
这个项目用了前后端分离的架构，前端用Vue开发页面，后端用SpringBoot提供接口，数据存储在MySQL里。开发工具方面，后端用的IDEA，前端用的VSCode，数据库用的Navicat。
二、技术栈
| 技术 | 说明 |
|---|---|
| SpringBoot | 后端框架，提供RESTful API |
| MyBatis | 数据持久层框架，操作数据库 |
| MySQL | 关系型数据库，存储数据 |
| Vue | 前端框架，构建用户界面 |
| Element UI | 前端UI组件库，快速搭建页面 |
| Maven | 项目构建工具，管理依赖 |
| Tomcat | Web服务器 |
三、功能展示
管理员模块
- 登录页面：管理员通过后台登录入口进入，输入账号密码登录系统
- 用户管理：查看所有注册用户的信息，包括用户名、角色、注册时间等，支持搜索和删除操作
- 商品管理：管理拍卖商品，包括发布新商品（填写商品名称、描述、起拍价、加价幅度、拍卖开始和结束时间）、编辑商品信息、下架商品
- 拍卖管理：查看所有商品的拍卖状态（正在拍卖、已结束、未开始），可以手动结束拍卖，查看每个商品的出价记录
- 订单管理：查看拍卖成交后的订单信息，包括商品名称、买家、成交价、订单状态（待付款、已付款、已完成），支持订单状态修改
- 公告管理：发布系统公告，管理员可以编辑公告内容并发布到前台
用户模块
- 注册登录：新用户注册账号，已有账号直接登录
- 商品浏览：查看所有正在拍卖的商品列表，显示商品图片、名称、当前价格、剩余时间
- 商品详情：点击商品进入详情页，查看商品完整信息、出价记录，出价按钮
- 出价操作：在详情页输入出价金额，系统验证金额是否高于当前价格和加价幅度要求
- 个人中心：查看个人信息、修改密码
- 我的拍卖：查看自己参与过的拍卖记录，包括出价历史、中标记录
- 我的订单：查看自己中标后的订单，可以进行付款操作
四、数据库设计
系统主要包含以下几张核心表：
用户表 (user)
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | int | 主键ID |
| username | varchar(50) | 用户名 |
| password | varchar(100) | 密码 |
| role | varchar(20) | 角色(admin/user) |
| phone | varchar(20) | 手机号 |
| varchar(50) | 邮箱 | |
| create_time | datetime | 创建时间 |
商品表 (goods)
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | int | 主键ID |
| name | varchar(100) | 商品名称 |
| description | text | 商品描述 |
| image | varchar(200) | 商品图片 |
| start_price | decimal(10,2) | 起拍价 |
| bid_increment | decimal(10,2) | 加价幅度 |
| start_time | datetime | 拍卖开始时间 |
| end_time | datetime | 拍卖结束时间 |
| status | int | 状态(0未开始 1进行中 2已结束) |
| user_id | int | 发布者ID |
出价记录表 (bid_record)
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | int | 主键ID |
| goods_id | int | 商品ID |
| user_id | int | 出价用户ID |
| price | decimal(10,2) | 出价金额 |
| create_time | datetime | 出价时间 |
订单表 (order)
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | int | 主键ID |
| goods_id | int | 商品ID |
| buyer_id | int | 买家ID |
| final_price | decimal(10,2) | 成交价 |
| status | int | 状态(0待付款 1已付款 2已完成) |
| create_time | datetime | 创建时间 |
五、核心代码展示
后端Controller - 商品管理接口
@RestController@RequestMapping("/goods")publicclassGoodsController{@AutowiredprivateGoodsServicegoodsService;// 获取所有在拍商品@GetMapping("/list")publicResultlist(){List<Goods>goodsList=goodsService.getActiveGoods();returnResult.success(goodsList);}// 发布新商品@PostMapping("/add")publicResultadd(@RequestBodyGoodsgoods){goodsService.addGoods(goods);returnResult.success("发布成功");}// 更新商品信息@PutMapping("/update")publicResultupdate(@RequestBodyGoodsgoods){goodsService.updateGoods(goods);returnResult.success("更新成功");}// 下架商品@DeleteMapping("/delete/{id}")publicResultdelete(@PathVariableIntegerid){goodsService.deleteGoods(id);returnResult.success("下架成功");}}前端Vue - 商品列表页面
<template> <div class="goods-list"> <el-table :data="goodsList" style="width: 100%"> <el-table-column prop="name" label="商品名称" width="180"></el-table-column> <el-table-column prop="startPrice" label="起拍价" width="120"></el-table-column> <el-table-column prop="currentPrice" label="当前价" width="120"></el-table-column> <el-table-column prop="endTime" label="结束时间" width="180"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button type="primary" size="small" @click="viewDetail(scope.row)">详情</el-button> <el-button type="danger" size="small" @click="deleteGoods(scope.row.id)">下架</el-button> </template> </el-table-column> </el-table> </div> </template> <script> export default { data() { return { goodsList: [] } }, methods: { viewDetail(row) { this.$router.push({ path: '/goods/detail', query: { id: row.id }}) }, deleteGoods(id) { this.$confirm('确定下架该商品？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消' }).then(() => { this.$http.delete(`/goods/delete/${id}`).then(res => { if (res.data.code === 200) { this.$message.success('下架成功') this.getGoodsList() } }) }) } }, created() { this.getGoodsList() } } </script>六、运行效果
登录页面：页面中间是一个登录表单，包含用户名输入框、密码输入框和角色选择下拉框。右上角有注册按钮，点击跳转到注册页。
后台管理页面：登录后左侧是功能菜单，包含用户管理、商品管理、拍卖管理、订单管理、公告管理五个模块。右侧是内容区域，默认显示商品管理页面。商品管理页面是一个表格，显示商品名称、起拍价、当前价、结束时间、状态等字段，表格上方有"发布商品"按钮，每行数据后面有"详情"和"下架"操作按钮。
前台用户页面：顶部是导航栏，包含首页、商品列表、个人中心等链接。首页以卡片形式展示正在拍卖的商品，每个卡片显示商品图片、名称、当前价格和剩余时间。点击卡片进入详情页，详情页左侧是商品图片，右侧是商品信息，包括起拍价、加价幅度、当前价格、剩余时间，下面有出价输入框和出价按钮，再下面是出价记录列表。
我的订单页面：表格形式展示订单信息，包含商品名称、成交价、订单状态、操作时间等字段，状态列有"待付款"、“已付款”、"已完成"三种状态，待付款状态后面有"去付款"按钮。
七、适合场景
这个项目适合计算机相关专业的学生做毕业设计或者课程设计。如果你正在学SpringBoot和Vue，这个项目能帮你巩固前后端分离的开发模式。代码结构清晰，注释完整，可以直接拿来用，也可以在此基础上加功能，比如增加支付接口、聊天功能、消息通知等。
八、获取方式
有同学问怎么跑起来，文末有联系方式。支持远程部署、代码讲解，有问题随时问，保证帮你把项目跑通。
其他定制服务、商务合作可通过下方联系卡片或私信作者。