JSP网上拍卖系统实战：从环境搭建到竞价核心逻辑

简介：本资源是一套基于JSP技术实现的网上拍卖平台毕业设计完整方案，面向计算机专业本科生及Web开发初学者，适用于课程设计、毕设选题与Java Web项目实践。压缩包共236个文件，以51个JSP页面为核心构建前后端交互逻辑，辅以22个编译后的Class类文件实现业务控制（如BidController、Picture等），96个GIF与53个JPG用于界面展示与操作引导，另有数据库文件（mdb、db）、样式表（css）、文档（doc）及备份文件（bak）等，整体1.15MB，结构完整、开箱即用。已有71人下载学习，资源经实测可直接运行，涵盖用户管理、商品发布、竞价流程、订单处理等核心模块，代码注释清晰、目录层次分明，特别适合理解MVC架构在JSP中的落地实践，并可基于现有功能快速扩展支付集成、消息通知等进阶特性。

1. 这不是“写个网页交差”的毕业设计：一个真实可跑、带完整交易闭环的JSP网上拍卖平台，为什么至今仍是Java Web教学的硬核锚点？

你搜“基于JSP实现的网上拍卖平台系统设计”，点开一堆压缩包——里面真有能本地启动、登录后能发拍品、出价、倒计时、自动成交、生成订单、查看历史记录的完整系统。它不是静态HTML套壳，不是只画了UML图就交差的PPT项目；它是用原生Servlet+JSP+JDBC+MySQL，在Tomcat上跑通整套C2C拍卖业务逻辑的实体工程。核心价值不在“用了JSP”，而在于它把用户注册/登录鉴权、商品发布审核、实时竞价状态同步（伪实时）、价格阶梯控制、超时自动流拍、成交结算与订单归档这五条主干链路，全压在无框架、纯Java EE老派技术栈上实现。适合计算机/软件工程专业大四学生做毕设——不靠Spring Boot自动装配“偷懒”，必须亲手写Filter拦截未登录请求、手撸DAO层SQL事务、调试JSP EL表达式在页面动态渲染竞拍倒计时。如果你正被导师要求“体现工程能力而非界面美观”，这个源码包就是你答辩时能打开IDEA现场debug、指着BidServlet.java里updateBid()方法讲清楚“为什么这里要用synchronized块而不是数据库行锁”的底气来源。

2. 从零搭建环境：用最简路径让JSP拍卖系统在本地Tomcat跑起来

2.1 环境选型：为什么坚持用JDK 8 + Tomcat 8.5 + MySQL 5.7？

这不是怀旧，是兼容性刚需。该系统源码中大量使用javax.servlet.*老包、web.xml全量配置、JSTL 1.2标签库，且DAO层直接调用java.sql.*未封装连接池。若强行升级到JDK 17+，sun.misc.BASE64Encoder等已移除类会直接编译失败；Tomcat 10+因Servlet 4.0规范改用jakarta.servlet.*命名空间，所有import需全局替换；MySQL 8.0默认启用caching_sha2_password认证插件，而源码中Class.forName("com.mysql.jdbc.Driver")和jdbc:mysql://连接串无法直连。我实测过：JDK 8u291 + Tomcat 8.5.93 + MySQL 5.7.42 组合下，解压即配，零修改启动。> 提示：不要用IDEA新建“Java Web Application”向导项目——它默认生成Servlet 4.0+结构，会破坏web.xml部署描述符的根目录定位。必须用“Empty Project”手动导入。

2.2 数据库初始化：三步完成MySQL建库、建表、灌数据

解压后的sql/目录下通常含auction_db.sql文件。执行前注意三点：

• 修改SQL文件首行CREATE DATABASE auction_db DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;，确保字符集支持中文商品名；
• 检查INSERT INTO user (username, password, email, role)语句中的密码字段——多数毕业设计源码用明文存储（如'123456'），需在UserDAO.java中确认是否调用MD5Util.encrypt()，否则登录永远失败；
• 执行后务必运行SELECT * FROM bid_record WHERE status = 'active' LIMIT 1;验证是否存在未结束的竞拍，这是首页“正在热拍”模块的数据源。

-- 在MySQL命令行或Navicat中执行（假设已创建auction_db库） USE auction_db; SOURCE /path/to/auction_db.sql; -- 验证关键表 SELECT COUNT(*) FROM goods; -- 应返回≥5条测试商品 SELECT COUNT(*) FROM user WHERE role = 'admin'; -- 至少1个管理员账号

逻辑说明：auction_db.sql脚本不仅建表，还预置了测试用户（admin/123456）、测试商品（iPhone X、MacBook Pro）、初始出价记录。这是系统能“动起来”的前提——没有商品，首页空荡；没有管理员，后台审核功能瘫痪。

2.3 IDEA中导入并配置Web模块：绕过向导陷阱的关键操作

1. 新建空项目→File > New > Project > Empty Project；
2. 右键项目根目录→Add Framework Support...→ 勾选Web Application→ 点击OK；
3. 手动指定Web资源路径：在Project Structure → Modules → [你的模块名] → Web → 勾选Web Resource Directory，路径设为src/main/webapp（若源码是传统结构，则设为WebContent）；
4. 配置Artifacts：Project Structure → Artifacts →+→Web Application: Archive→ 名称填auction.war→ Output Layout中拖入WEB-INF/classes（对应编译后的.class）和WEB-INF/lib（含mysql-connector-java-5.1.47.jar等）；
5. Tomcat Server配置：Run → Edit Configurations →+→Tomcat Server > Local→ Deployment →+→Artifact→ 选择auction:war exploded。

参数说明：exploded模式允许热更新JSP页面（改完保存即生效），但Java类仍需重启；若选war模式，每次修改都要重新打包，调试效率极低。务必确认Application context为/auction（与web.xml中<url-pattern>/auction/*</url-pattern>一致），否则访问http://localhost:8080/auction/login.jsp会404。

3. 核心业务代码拆解：读懂BidServlet与GoodsDAO如何协作完成一次真实竞价

3.1 竞价流程的中枢：BidServlet.doPost()的三层校验逻辑

当用户点击“出价”按钮，前端提交POST /bid?action=place请求，BidServlet执行以下不可跳过的校验：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 第一层：登录态校验（Filter已做，此处双重保险） User user = (User) request.getSession().getAttribute("user"); if (user == null) { request.setAttribute("msg", "请先登录！"); request.getRequestDispatcher("/login.jsp").forward(request, response); return; } // 第二层：商品状态校验（防止对已结束商品出价） String goodsId = request.getParameter("goodsId"); Goods goods = goodsDAO.findById(Integer.parseInt(goodsId)); if (!"on_sale".equals(goods.getStatus())) { // 关键状态字段 request.setAttribute("msg", "该商品已下架或已成交！"); request.getRequestDispatcher("/goodsDetail.jsp?id=" + goodsId).forward(request, response); return; } // 第三层：价格校验（必须高于当前最高价+最小加价幅度） double newPrice = Double.parseDouble(request.getParameter("price")); if (newPrice <= goods.getCurrentPrice() + goods.getMinStep()) { request.setAttribute("msg", "出价必须高于当前价+" + goods.getMinStep() + "元！"); request.getRequestDispatcher("/goodsDetail.jsp?id=" + goodsId).forward(request, response); return; } // 执行出价（含事务） try { conn.setAutoCommit(false); // 1. 更新商品当前价 goodsDAO.updateCurrentPrice(goodsId, newPrice); // 2. 插入新出价记录 BidRecord bid = new BidRecord(); bid.setGoodsId(Integer.parseInt(goodsId)); bid.setUserId(user.getId()); bid.setPrice(newPrice); bid.setBidTime(new Date()); bidDAO.insert(bid); conn.commit(); response.sendRedirect("goodsDetail.jsp?id=" + goodsId); } catch (SQLException e) { conn.rollback(); request.setAttribute("msg", "出价失败，请重试"); request.getRequestDispatcher("/goodsDetail.jsp?id=" + goodsId).forward(request, response); } }

逻辑说明：这段代码暴露了传统JSP项目的典型设计哲学——业务逻辑与表现层强耦合。BidServlet既处理HTTP协议细节（session、request参数），又承担领域规则判断（价格阶梯、状态流转），还直连数据库执行事务。好处是链路短、易调试；坏处是复用性差，比如“价格校验”逻辑无法被API接口复用。这也是为什么答辩时老师会追问：“如果要增加微信支付回调，你在哪里加？会不会破坏现有事务？”——答案必须指向BidServlet的try-catch块内新增支付网关调用，并强调conn.rollback()需扩展为分布式事务补偿。

3.2 商品详情页的动态渲染：JSP EL与JSTL如何协同展示竞拍倒计时

goodsDetail.jsp中倒计时并非前端JS计算，而是由Servlet传入剩余秒数，JSP用EL表达式绑定：

<!-- goodsDetail.jsp 片段 --> <c:if test="${goods.status == 'on_sale'}"> <div class="countdown"> <span>距结束：</span> <span id="time">${goods.remainingSeconds}</span>秒 </div> <script> // 启动倒计时（每秒减1） let sec = ${goods.remainingSeconds}; const timer = setInterval(() => { sec--; document.getElementById('time').innerText = sec; if (sec <= 0) { clearInterval(timer); location.reload(); // 到时刷新页面，触发状态变更 } }, 1000); </script> </c:if>

参数说明：goods.remainingSeconds由GoodsServlet在doGet()中计算：long endTime = goods.getEndTime().getTime(); long now = System.currentTimeMillis(); int remain = (int)((endTime - now) / 1000);。注意endTime必须是java.util.Date类型，若数据库存的是VARCHAR格式时间字符串（如2024-05-20 14:30:00），则goods.getEndTime()需在Goods实体类中用SimpleDateFormat解析，否则getTime()抛NPE。这是新手高频翻车点。

4. 避坑指南：五个让JSP拍卖系统卡在启动/登录/出价环节的真实问题

4.1 现象：启动Tomcat后访问http://localhost:8080/auction/login.jsp显示404

原因：web.xml中<welcome-file-list>未配置login.jsp，且IDEA未将WebContent目录识别为Web资源根。
解决：

• 检查web.xml是否有<welcome-file-list><welcome-file>login.jsp</welcome-file></welcome-file-list>；
• 在IDEA中右键WebContent→Mark Directory as→Resources Root（非Web Resource Root）；
• 若用Maven结构，确认pom.xml中<packaging>war</packaging>且maven-war-plugin版本≤3.3.2（高版本默认排除WEB-INF/web.xml）。

4.2 现象：登录时提示“用户名或密码错误”，但数据库中账号密码完全匹配

原因：UserDAO.login()方法中SQL拼接使用String.format("SELECT * FROM user WHERE username='%s' AND password='%s'", username, password)，未做password字段MD5加密比对。
解决：

• 查UserDAO.java，找到login()方法，确认是否调用MD5Util.encrypt(password)；
• 若未调用，修改SQL为"SELECT * FROM user WHERE username=? AND password=?"，用PreparedStatement设置参数，并在setString(2, MD5Util.encrypt(password))；
• 或直接在MySQL中执行UPDATE user SET password=MD5('123456') WHERE username='admin';。

4.3 现象：点击“出价”后页面空白，控制台无报错，数据库无新记录

原因：BidServlet中goodsDAO.updateCurrentPrice()执行了UPDATE goods SET current_price=? WHERE id=?，但未提交事务（conn.commit()被注释或遗漏）。
解决：

• 定位BidServlet.java中try块末尾，确认存在conn.commit();；
• 若使用DBUtils等工具类，检查QueryRunner.update()是否开启自动提交（runner.update(conn, sql, params)中conn需为非自动提交连接）；
• 在goodsDAO的updateCurrentPrice()方法开头添加System.out.println("Updating price for goods " + goodsId);验证是否执行到该方法。

4.4 现象：商品列表页显示乱码（如“苹果手机”显示为“???”）

原因：MySQL连接URL缺少useUnicode=true&characterEncoding=UTF-8参数，且JSP页面未声明<%@ page contentType="text/html;charset=UTF-8" %>。
解决：

• 修改db.properties中jdbc.url=jdbc:mysql://localhost:3306/auction_db?useUnicode=true&characterEncoding=UTF-8；
• 在所有JSP顶部添加<%@ page contentType="text/html;charset=UTF-8" %>；
• 若用Filter统一编码，检查CharacterEncodingFilter是否在web.xml中配置且<url-pattern>/*</url-pattern>覆盖所有路径。

4.5 现象：管理员后台审核商品后，前台商品状态仍为“待审核”

原因：AdminServlet中approveGoods()方法调用goodsDAO.updateStatus(goodsId, "on_sale")，但goodsDAO的SQL语句写成UPDATE goods SET status='on_sale' WHERE id=?，而数据库goods表中状态字段名为goods_status（非status）。
解决：

• 查goods表结构：DESCRIBE goods;，确认状态字段真实名称；
• 修改goodsDAO.java中updateStatus()方法的SQL为"UPDATE goods SET goods_status=? WHERE id=?"；
• 同步检查Goods.java实体类中对应属性名是否为goodsStatus（驼峰命名需与字段名映射）。

5. 毕业设计答辩加分项：三个让评委眼前一亮的改造技巧

5.1 给原始JSP系统注入“伪实时”竞拍体验：用AJAX轮询替代页面刷新

原始系统每次出价后response.sendRedirect()导致整页刷新，体验割裂。改造思路：前端用fetch异步提交出价，Servlet返回JSON结果，成功后仅局部刷新价格和倒计时。

前端改造（goodsDetail.jsp）：

// 替换原表单提交 document.getElementById('bidForm').onsubmit = async function(e) { e.preventDefault(); const formData = new FormData(this); const res = await fetch('BidServlet?action=place', { method: 'POST', body: formData }); const result = await res.json(); if (result.success) { // 局部更新DOM document.getElementById('currentPrice').innerText = result.newPrice; document.getElementById('bidCount').innerText = parseInt(document.getElementById('bidCount').innerText) + 1; // 重置倒计时（服务端已更新endTime） location.reload(); // 简单起见仍刷新，进阶可WebSocket } else { alert(result.msg); } };

Servlet改造（BidServlet）：

// 在doPost末尾添加JSON响应分支 if ("ajax".equals(request.getParameter("type"))) { response.setContentType("application/json;charset=UTF-8"); PrintWriter out = response.getWriter(); out.print("{\"success\":true,\"newPrice\":" + newPrice + "}"); out.flush(); return; }

技巧价值：此举无需引入WebSocket或长连接，用最轻量级方案解决“竞拍感缺失”痛点。评委看到你理解HTTP无状态本质，并用AJAX突破传统JSP交互范式，会认定你具备工程演进思维。

5.2 数据库安全加固：用PreparedStatement彻底消灭SQL注入风险

原始代码中大量String sql = "SELECT * FROM user WHERE username='" + username + "'";写法。必须全局替换为参数化查询。以UserDAO.login()为例：

// 改造前（危险！） String sql = "SELECT * FROM user WHERE username='" + username + "' AND password='" + password + "'"; Statement stmt = conn.createStatement(); ResultSet rs = stmt.executeQuery(sql); // 改造后（安全） String sql = "SELECT * FROM user WHERE username=? AND password=?"; PreparedStatement pstmt = conn.prepareStatement(sql); pstmt.setString(1, username); pstmt.setString(2, MD5Util.encrypt(password)); // 密码必须加密 ResultSet rs = pstmt.executeQuery();

注意：此改造需同步修改所有DAO方法（findById,insert,update），并确保web.xml中<filter>配置的CharacterEncodingFilter在<filter-mapping>中排在最前，避免中文参数被截断。

5.3 论文与代码的一致性验证：用PlantUML自动生成类图与序列图

答辩论文中UML图常被质疑“是否真按图实现”。解决方案：用IDEA插件PlantUML Integration反向生成代码结构图。

操作步骤：

1. 安装PlantUML插件 →File > Settings > Tools > PlantUML→ 设置Graphviz路径；
2. 右键src包 →Diagrams > Show Diagram→ 选择Class Diagram；
3. 导出为.puml文件，用在线编辑器（plantuml.com）渲染为PNG嵌入论文；
4. 对关键流程（如BidServlet → GoodsDAO → BidDAO）生成Sequence Diagram，标注updateCurrentPrice()和insert()方法调用。

我的血泪经验：答辩时老师指着论文图问“BidRecord类为何没画关联User的导航箭头？”，我当场用IDEA打开BidRecord.java，展示private User user;字段并生成新图——这种“代码即文档”的即时验证，比背诵设计原则管用十倍。希望帮到你。

本文还有配套的精品资源，点击获取