【万字文档+源码】基于springboot+vue网上拍卖系统-可用于毕设-课程设计-练手学习-学习资料分享
基于springboot+vue网上拍卖系统
一、项目概述
1.1 项目背景
传统线下拍卖存在地域限制、参与门槛高、流程繁琐等问题,买家无法随时随地参与竞拍,商家难以高效展示拍卖商品。随着互联网电商模式发展,线上拍卖需求持续增长。
为打破线下拍卖的空间约束,搭建轻量化线上竞拍平台,开发基于 SpringBoot 的网上拍卖系统。系统采用 SpringBoot + Vue 前后端分离架构,分为前台普通用户竞拍门户与后台管理系统,实现商品展示、在线竞价、一口价购买、出价记录管理、商品评论、订单生成等核心拍卖业务,满足用户线上浏览商品、参与竞拍的需求。
1.2 项目目标
前台普通用户:账号注册登录、浏览首页轮播与拍卖商品、查看商品详情、参与商品竞价、查看出价记录、发布商品评论、浏览商品资讯、管理个人竞拍订单。
后台管理员:统一维护商品分类、拍卖商品信息、首页轮播图、商品资讯;管理前台用户账号,查看所有商品出价记录、用户评论;拍卖结束后生成交易订单,管理全部订单数据。
实现完整线上拍卖业务闭环:商品上架→用户浏览→在线竞价→拍卖结束→订单生成;支持起拍价、加价幅度、一口价双重交易模式。
1.3 技术选型
后端技术栈
核心框架:SpringBoot 2.7.x
持久层框架:MyBatis / MyBatis-Plus
数据库:MySQL 8.0
工具类:Lombok、Hutool
文件处理:商品图片、首页轮播图、用户头像上传存储
权限认证:Token 令牌登录鉴权
项目构建工具:Maven
前端技术栈
基础框架:Vue2/Vue3
UI 组件库:Element UI / Element Plus
网络请求:Axios
路由:Vue Router
配套组件:图片上传、分页组件、倒计时组件(竞拍倒计时)
部署环境
SpringBoot 内置 Tomcat;前端打包 dist 静态资源部署于 Nginx,通过反向代理解决前后端跨域;兼容 Windows、Linux 服务器部署。
1.4 系统角色划分
前台用户(竞拍买家)
前台页面注册、登录;浏览拍卖商品,查看商品详情、参与竞价,查看出价记录,发布商品评论,浏览资讯,管理个人订单。后台管理员
独立后台登录入口,拥有完整管理权限:轮播图管理、管理员账号管理、前台用户管理、商品资讯管理、商品信息管理、商品分类管理、拍卖订单管理。
二、系统功能需求分析
2.1 前台用户门户功能
顶部导航栏:首页、商品信息、商品资讯、个人中心
用户注册模块
用户填写账号、密码、确认密码、用户姓名,上传头像,选择性别,填写手机号码,完成账号注册。用户登录模块
账号密码登录,支持记住密码;未登录用户仅可浏览商品,无法参与竞价、发表评论。系统首页
顶部轮播横幅;分区展示推荐拍卖商品、商品资讯列表,快速跳转商品详情页面。商品信息模块
支持根据商品名称检索;卡片形式展示所有拍卖商品;点击进入商品详情页面。商品详情展示:商品图片、商品名称、起拍价、当前价格、加价幅度、一口价、竞拍倒计时;
业务操作:点击竞拍参与加价,查看出价记录、商品详情、用户评论。
商品资讯模块
展示拍卖行业资讯、商品介绍文章。个人中心模块
查看个人资料、我的出价记录、竞拍成功订单、收藏商品、我发布的评论。
2.2 后台管理系统功能
后台左侧菜单栏功能清单:
首页:后台系统欢迎首页
轮播图管理:维护前台首页轮播图片,新增、编辑、删除轮播图
管理员管理:维护后台管理员登录账号
用户管理:管理前台注册买家账号,查询、启用 / 禁用用户
商品资讯管理:新增、修改、删除前台展示的商品资讯
商品信息管理
商品分类:维护拍卖商品分类,支持分类新增、修改、删除、条件检索;
商品信息:商品列表,支持商品名称搜索;表格展示商品图片、名称、分类、当前价格、起拍价、加价幅度、一口价;支持新增、修改、删除商品,查看商品详情、查看用户评论、查看出价记录。
商品订单管理:拍卖结束生成交易订单,查看全部竞拍成交订单信息。
三、数据库核心表设计
(1) user 前台买家用户表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键自增 |
| username | varchar | 用户登录账号(唯一) |
| password | varchar | 登录密码 |
| name | varchar | 用户姓名 |
| avatar | varchar | 头像图片地址 |
| gender | varchar | 性别 |
| phone | varchar | 手机号码 |
| create_time | datetime | 注册时间 |
(2) admin 管理员表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| username | varchar | 管理员账号 |
| password | varchar | 密码 |
| real_name | varchar | 管理员名称 |
(3) goods_type 商品分类表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| type_name | varchar | 商品分类名称 |
| remark | varchar | 备注 |
(4) goods 拍卖商品表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| goods_name | varchar | 商品名称 |
| type_id | bigint | 商品分类 ID |
| picture | varchar | 商品展示图片 |
| start_price | decimal | 起拍价格 |
| current_price | decimal | 当前竞拍价格 |
| add_price | decimal | 每次加价幅度 |
| buyout_price | decimal | 一口价 |
| end_time | datetime | 竞拍结束时间 |
| status | varchar | 商品状态:竞拍中、已成交、流拍 |
| content | text | 商品详情描述 |
(5) bid_record 出价记录表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| goods_id | bigint | 商品 ID |
| user_id | bigint | 出价用户 ID |
| bid_price | decimal | 本次出价价格 |
| bid_time | datetime | 出价时间 |
| is_lead | varchar | 是否领先:是 / 否 |
(6) goods_comment 商品评论表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| goods_id | bigint | 商品 ID |
| user_id | bigint | 评论用户 ID |
| comment | text | 评论内容 |
| create_time | datetime | 评论时间 |
(7) swiper 轮播图表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| img_url | varchar | 轮播图片地址 |
| link_url | varchar | 跳转链接 |
| sort | int | 排序序号 |
(8) goods_news 商品资讯表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| title | varchar | 资讯标题 |
| img | varchar | 资讯封面图 |
| content | text | 资讯正文 |
| publish_time | datetime | 发布时间 |
(9) goods_order 拍卖订单表
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| order_no | varchar | 订单编号 |
| goods_id | bigint | 商品 ID |
| user_id | bigint | 成交买家 ID |
| trade_price | decimal | 成交价格 |
| create_time | datetime | 订单生成时间 |
| order_status | varchar | 订单状态:待付款、已付款、已完成 |
四、系统业务流程设计
4.1 用户竞拍业务流程
用户访问网上拍卖系统前台,完成注册并登录账号。
用户浏览首页推荐商品,进入【商品信息】页面查看全部拍卖商品,支持按名称搜索商品。
用户点击商品卡片进入商品详情页面,查看商品信息、竞拍倒计时、历史出价记录。
用户点击【竞拍】按钮进行加价出价;系统自动更新当前价格,刷新出价记录,标记领先出价人。
到达竞拍结束时间,系统停止接收新出价;最高出价者竞拍成功,自动生成交易订单。
用户可对拍卖商品发布评论;浏览商品资讯获取相关信息。
4.2 管理员后台业务流程
管理员登录后台管理系统。
基础数据维护:新增商品分类、上传首页轮播图、发布商品资讯。
拍卖商品管理:录入拍卖商品信息,设置起拍价、加价幅度、一口价、竞拍截止时间;随时编辑、下架商品,查看所有出价记录与用户评论。
用户与订单管理:管理前台买家账号;查看所有竞拍成交订单,跟踪订单交易状态。
五、页面原型说明
5.1 前台用户页面
前台首页
顶部导航栏与首页轮播横幅;下方展示商品信息卡片、商品资讯列表。用户注册页面
表单填写账号、密码、姓名、头像、性别、手机号,完成注册。前台登录页面
账号密码输入框,支持记住密码选项,登录进入拍卖首页。商品信息列表页面
顶部商品名称搜索框;卡片布局展示商品图片、名称、标价。商品详情竞拍页面
展示商品大图、名称、起拍价、当前价格、加价幅度、一口价、竞拍倒计时;提供竞拍按钮;分页标签切换【出价记录】【商品详情】【评论】。出价记录页面
展示所有出价人、头像、出价价格、出价时间、领先状态。
5.2 后台管理页面
后台登录页面
管理员账号密码登录界面,登录进入后台主界面。后台首页
左侧功能菜单栏,系统欢迎页面。商品分类管理页面
分类名称搜索框;列表展示全部商品分类,支持新增、详情、修改、删除。商品信息管理页面
商品名称搜索;表格展示商品图片、名称、分类、价格参数;提供新增、详情、修改、删除、查看评论、查看出价记录功能。新增商品弹窗
录入商品名称、上传图片、选择分类,填写起拍价、加价幅度、一口价、竞拍结束时间、商品详情介绍。轮播图、资讯、用户、订单管理页面
对应维护前台展示资源、买家账号与拍卖成交订单。
六、核心接口设计
6.1 用户注册登录接口
POST /api/user/register 用户前台注册 POST /api/user/login 用户前台登录 POST /api/admin/login 管理员后台登录 GET /api/user/info 获取登录用户信息6.2 商品与分类接口
GET /api/goods/type/list 获取商品分类列表 GET /api/goods/list 前台商品列表查询(名称检索) GET /api/goods/{id} 获取商品详情 POST /admin/goods/save 后台新增拍卖商品 PUT /admin/goods/update 修改商品信息 DELETE /admin/goods/{id} 删除商品6.3 竞拍出价接口
POST /api/bid/add 用户提交出价 GET /api/goods/bid/{id} 获取商品全部出价记录 POST /api/goods/comment/save 用户发布商品评论 GET /admin/goods/comment/{id} 后台查看商品评论6.4 资讯、轮播图接口
GET /api/news/list 前台获取商品资讯列表 GET /api/swiper/list 前台获取首页轮播图 POST /admin/swiper/save 后台新增轮播图6.5 用户、订单管理接口
GET /admin/user/list 后台查询所有前台用户 PUT /admin/user/status 启用/禁用用户账号 GET /admin/order/list 后台查询全部拍卖订单七、系统部署方案
数据库部署
安装 MySQL8.0,执行项目 SQL 初始化脚本,创建数据表,配置测试账号。后端部署
SpringBoot 项目打包 Jar 包,执行java -jar xxx.jar启动;yml 配置数据库连接地址、图片上传存储路径。前端部署
Vue 项目执行npm run build打包 dist 静态资源,部署至 Nginx;配置反向代理转发后端接口,解决跨域问题。文件存储
商品图片、轮播图、用户头像默认本地存储,可扩展阿里云 OSS 云存储。
八、系统测试要点
功能测试
用户注册登录、商品浏览、出价竞拍完整流程;后台商品增删改查、分类管理、资讯发布功能正常;图片上传、搜索、分页、竞拍倒计时正常。业务逻辑测试
未到截止时间可持续出价,竞拍结束禁止新增出价;出价后系统自动刷新当前价格、更新领先用户;未登录用户不能发起竞拍和评论。权限测试
前台普通用户无法访问后台地址;游客仅能浏览商品,无法参与竞拍操作。兼容性测试
前台拍卖网站、后台管理系统兼容 Chrome、Edge 主流浏览器。
九、系统扩展方向
增加竞拍消息提醒,竞拍结束、被超越出价时消息通知用户
增加商品收藏、竞拍预约提醒功能
增加线上支付功能,竞拍成功后在线付款
增加商品视频展示、图片多图上传功能
后台增加数据可视化看板:热门拍卖商品、竞拍人次、成交金额统计
增加限时专场拍卖、商品竞价延时机制
开发微信小程序端,移动端随时参与竞拍
十、项目总结
基于 SpringBoot 的网上拍卖系统采用前后端分离架构,分为前台竞拍门户与后台管理平台两大模块。系统包含前台买家、后台管理员两类角色,实现商品分类管理、拍卖商品上架维护、首页轮播管理、商品资讯、在线竞价、出价记录追踪、商品评论、拍卖订单管理等核心业务。
系统搭建线上竞拍交易平台,用户不受地域限制随时浏览商品、参与线上竞价;管理员统一管控拍卖商品、用户与订单数据,支持起拍竞价与一口价两种交易模式。本系统业务逻辑贴合中小型线上拍卖场景,架构简洁、易部署,适合二手藏品、闲置商品、文创商品线上拍卖场景使用,具备较高实用价值。
十一、项目资料
👇🏻 精彩专栏推荐订阅👇🏻 在下方专栏👇🏻不然下次找不到哟
《Java精品推荐项目》
《springboot+vue项目100套》
《ssm项目100套》
《微信小程序合集》