JavaWeb蛋糕店购物系统：JSP+Servlet+MySQL三层架构实战

简介这是一套面向Java Web初学者与毕业设计学生的高分实战项目源码完整实现了蛋糕甜品店在线购物全流程涵盖用户端商品浏览、下单支付与个人中心管理以及管理员端的商品、订单、客户与类目全维度后台管控。资源包共221个文件含55个Java业务逻辑类、55个编译后Class文件、19个JSP页面、41张商品及界面图片JPG/GIF/PNG、8个JS交互脚本、6个CSS样式表及1个SQL建库脚本结构清晰、模块解耦便于理解MVC分层设计思想。压缩包大小7.23MB运行环境明确支持JDK 1.8/1.9、Tomcat 8.x/9.x及Eclipse/MyEclipse/IDEA主流IDE附带详细使用文档与预置账号admin/admin、user1/123456所有代码本地实测可运行评审得分达95分以上。目前已有185人学习下载适合课程实训、毕设开发与Web基础技能巩固。1. 这不是“又一个JSP毕设”而是能跑通、能改、能交差的蛋糕店购物网站最小可行系统你手头这个压缩包——基于jspservletmysql蛋糕甜品店购物网站源码使用文档数据库高分项目.zip——不是模板拼凑的“花架子”而是一套完整闭环的 JavaWeb 传统三层架构落地样本前端用 JSP 做动态页面渲染含商品列表、购物车、订单提交后端靠 Servlet 处理 HTTP 请求与业务逻辑登录校验、库存扣减、订单生成数据层直连 MySQL含用户、商品、订单、分类四张核心表带外键约束和初始测试数据。它不依赖 Spring Boot 的自动装配不包装 Tomcat 为内嵌服务所有路径、映射、SQL 都裸露可调。这意味着你能真正在 IDEA 或 VSCode 里调试LoginServlet.java的doPost()能在 Navicat 里看到t_order表里刚下的那笔订单也能把cart.jsp里的c:forEach循环改成原生 JSTL 标签验证作用域传递是否正常。适合两类人一是大三下学期赶毕设答辩、需要三天内本地跑通截图写文档的同学二是想补全 JavaWeb 底层链路从 HTTP 请求进 Servlet 到 JDBC 执行 SQL 再到 JSP 渲染响应的转岗开发者。别被“高分项目”四个字骗了——它的价值不在炫技而在每行代码都经得起打断点、查日志、改 SQL 的实战拷问。2. 从解压到首页显示本地环境搭建与项目启动的七步闭环这套系统对运行环境有明确边界JDK 8非 11、Tomcat 8.5/9.0非 10、MySQL 5.7非 8.0 默认 strict 模式。新版本兼容性陷阱极多——比如 Tomcat 10 默认用 Jakarta EE 命名空间javax.servlet.*全部变成jakarta.servlet.*而本项目所有 import 仍是javax开头硬升版本必报ClassNotFoundException。下面步骤严格按生产级调试顺序展开每步附验证方式拒绝“配完就跑”的玄学操作。2.1 JDK 8 与 Tomcat 9.0 的精准匹配安装先确认 JDK 版本java -version # 必须输出类似java version 1.8.0_361 # 若是 11/17需单独装 JDK 8 并切换 JAVA_HOME提示Windows 用户在系统环境变量中设置JAVA_HOME指向 JDK 8 根目录如C:\Program Files\Java\jdk1.8.0_361PATH中追加%JAVA_HOME%\bin。Linux 用户用update-alternatives --config java切换。Tomcat 必须选9.0.x 系列推荐 9.0.85官网下载地址https://tomcat.apache.org/download.cgi找 “Core: tar.gz / zip” 下载解压后进入conf/server.xml检查Connector port8080是否启用默认开启启动前验证bin/startup.batWin或bin/startup.shLinux访问http://localhost:8080出现 Tomcat 欢迎页即成功2.2 MySQL 5.7 初始化与数据库导入本项目 SQL 文件通常为cake_shop.sql或db_init.sql设计基于 MySQL 5.7 语法使用ENGINEInnoDB显式声明存储引擎MySQL 8.0 默认 InnoDB但 5.7 更稳妥字符集强制utf8mb4支持 emoji避免中文乱码外键约束未禁用SET FOREIGN_KEY_CHECKS1;执行步骤-- 1. 登录 MySQL假设 root 密码为 123456 mysql -u root -p -- 2. 创建数据库并指定字符集 CREATE DATABASE cake_shop CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; -- 3. 切换库并导入 SQL 文件路径需替换为实际位置 USE cake_shop; SOURCE D:/projects/cake_shop/cake_shop.sql;参数说明cake_shop.sql中关键表结构如下——t_userid, username, password, phone、t_productid, name, price, stock, category_id、t_orderid, user_id, total_price, status、t_order_itemid, order_id, product_id, quantity。stock字段类型为INT UNSIGNED确保库存不能为负这是后续扣减逻辑的安全基线。2.3 IDEA 中导入项目并配置 Artifact不要直接打开src文件夹必须以Import Project → Maven 或 Empty Project方式导入若项目含pom.xml选择 Maven 导入IDEA 自动识别webapp为 Web Root若无pom.xml纯传统结构选 Empty Project → 右键项目根目录 → Add Framework Support → 勾选 Web Application → 设置 Web Resource Directory 为webapp不是src/main/webapp关键配置项Project SDK指向 JDK 8Project language level8Artifacts点击 Project Structure → Artifacts → → Web Application: Archive → 名称填cake-shop.war→ Output Layout 中确保WEB-INF/classes包含编译后的.classWEB-INF/lib包含mysql-connector-java-5.1.47.jar注意必须是 5.x 版本8.x 驱动类名变更com.mysql.jdbc.Driver已废弃2.4 web.xml 中 Servlet 映射与初始化参数校验本项目采用传统 web.xml 配置驱动非注解式这是理解请求流转的核心!-- web.xml 关键片段 -- servlet servlet-nameLoginServlet/servlet-name servlet-classcom.cake.servlet.LoginServlet/servlet-class /servlet servlet-mapping servlet-nameLoginServlet/servlet-name url-pattern/login/url-pattern /servlet-mapping context-param param-namedriver/param-name param-valuecom.mysql.jdbc.Driver/param-value /context-param context-param param-nameurl/param-name param-valuejdbc:mysql://localhost:3306/cake_shop?useUnicodetrueamp;characterEncodingutf8/param-value /context-param逻辑说明url-pattern/login/url-pattern表明浏览器访问/login时触发LoginServletcontext-param中的url参数值必须与你本地 MySQL 实例端口、库名完全一致localhost:3306是默认若改过端口需同步amp;是 XML 转义不可写成否则部署时报web.xml parse error。2.5 启动 Tomcat 并验证首页跳转链路在 IDEA 中配置 Tomcat ServerRun → Edit Configurations → → Tomcat Server → LocalDeployment → → Artifact → 选择cake-shop:war explodedApplication context 填/cake即访问http://localhost:8080/cake启动后观察控制台若出现INFO [main] org.apache.catalina.startup.Catalina.start Server startup in [xxx] ms表示 Tomcat 启动成功若出现Caused by: java.lang.ClassNotFoundException: com.mysql.jdbc.Driver说明mysql-connector-java-5.1.47.jar未放入WEB-INF/lib或版本错误访问http://localhost:8080/cake应跳转至index.jsp首页商品展示此时浏览器地址栏变为http://localhost:8080/cake/index.jsp3. 业务功能逐层调试从登录到下单的四段关键链路实操项目核心价值在于可调试的业务流而非静态页面。下面以真实开发视角带你走通最常出问题的四段链路登录鉴权、商品详情加载、购物车添加、订单生成。每段均给出断点位置、预期日志、SQL 执行验证方式。3.1 登录 Servlet 的请求参数解析与 Session 绑定LoginServlet.java的doPost()是入口protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username request.getParameter(username); // ← 断点打在这里 String password request.getParameter(password); UserDAO userDAO new UserDAO(); User user userDAO.findByUsernameAndPassword(username, password); // ← 断点打在这里 if (user ! null) { HttpSession session request.getSession(); session.setAttribute(user, user); // ← 断点打在这里验证 session 是否存入 response.sendRedirect(index.jsp); } else { request.setAttribute(msg, 用户名或密码错误); request.getRequestDispatcher(login.jsp).forward(request, response); } }参数说明request.getParameter(username)读取的是login.jsp中input nameusername的值name 属性必须与 Servlet 中getParameter()参数完全一致session.setAttribute(user, user)将用户对象存入 Session后续所有页面可通过session.getAttribute(user)获取这是实现登录态保持的根基。验证方式在findByUsernameAndPassword()方法内加System.out.println(SQL executed: sql);启动时查看控制台是否打印SELECT * FROM t_user WHERE username? AND password?登录成功后在index.jsp中插入% session.getAttribute(user) ! null ? 已登录 : 未登录 %刷新页面应显示“已登录”3.2 商品详情页的数据库关联查询与图片路径处理ProductServlet.java加载单个商品时需关联t_category表获取分类名称// ProductDAO.java 中方法 public Product findById(int id) { String sql SELECT p.*, c.name AS category_name FROM t_product p LEFT JOIN t_category c ON p.category_id c.id WHERE p.id ?; // ... 执行查询封装 Product 对象 }逻辑说明LEFT JOIN确保即使category_id为空也能返回商品c.name AS category_name将分类名映射到Product对象的categoryName字段需在Product.java中添加该属性及 getter/setter。图片路径在product.jsp中为img srcimages/${product.image}images/目录必须放在webapp根目录下而非WEB-INF内后者无法被浏览器直接访问。3.3 购物车添加的 Session 存储与数量累加逻辑购物车不建数据库表全程存在 Session 中// CartServlet.java HttpSession session request.getSession(); MapInteger, CartItem cart (MapInteger, CartItem) session.getAttribute(cart); if (cart null) { cart new HashMap(); session.setAttribute(cart, cart); } int productId Integer.parseInt(request.getParameter(productId)); CartItem item cart.get(productId); if (item null) { item new CartItem(); // ← 新建 CartItem 对象 item.setProduct(productDAO.findById(productId)); item.setQuantity(1); cart.put(productId, item); } else { item.setQuantity(item.getQuantity() 1); // ← 关键数量累加 }参数说明CartItem是自定义类含Product product和int quantitycart.put(productId, item)以商品 ID 为 key避免重复添加同一商品item.setQuantity()的累加逻辑必须在else分支中否则每次点击都重置为 1。3.4 订单生成的事务控制与库存扣减原子性OrderServlet.java中createOrder()方法必须包裹数据库事务Connection conn null; try { conn JDBCUtil.getConnection(); conn.setAutoCommit(false); // ← 关键关闭自动提交 // 1. 插入订单主表 String sql1 INSERT INTO t_order(user_id, total_price, status) VALUES (?, ?, ?); PreparedStatement ps1 conn.prepareStatement(sql1, Statement.RETURN_GENERATED_KEYS); ps1.setInt(1, userId); ps1.setDouble(2, totalPrice); ps1.setString(3, unpaid); ps1.executeUpdate(); // 2. 获取生成的 order_id ResultSet rs ps1.getGeneratedKeys(); rs.next(); int orderId rs.getInt(1); // 3. 插入订单明细并扣减库存 for (CartItem item : cart.values()) { // 插入明细 String sql2 INSERT INTO t_order_item(order_id, product_id, quantity) VALUES (?, ?, ?); PreparedStatement ps2 conn.prepareStatement(sql2); ps2.setInt(1, orderId); ps2.setInt(2, item.getProduct().getId()); ps2.setInt(3, item.getQuantity()); ps2.executeUpdate(); // 扣减库存关键UPDATE 语句必须带 WHERE 条件且检查剩余库存 String sql3 UPDATE t_product SET stock stock - ? WHERE id ? AND stock ?; PreparedStatement ps3 conn.prepareStatement(sql3); ps3.setInt(1, item.getQuantity()); ps3.setInt(2, item.getProduct().getId()); ps3.setInt(3, item.getQuantity()); // ← 防超卖stock quantity int rows ps3.executeUpdate(); if (rows 0) { throw new RuntimeException(库存不足订单创建失败); } } conn.commit(); // ← 提交事务 } catch (Exception e) { if (conn ! null) { try { conn.rollback(); } catch (SQLException ex) {} } request.setAttribute(msg, 下单失败 e.getMessage()); request.getRequestDispatcher(cart.jsp).forward(request, response); return; }逻辑说明conn.setAutoCommit(false)是事务起点UPDATE ... AND stock ?是防超卖核心确保扣减前库存充足ps3.executeUpdate()返回影响行数rows 0表示无记录满足条件即库存不足立即回滚。此逻辑比单纯SELECT stock再UPDATE更安全避免并发场景下的脏读。4. 高频翻车现场五条血泪经验总结的避坑指南这套系统看似简单但新手在本地调试时 90% 的失败集中在以下五个点。每条均按“现象 → 原因 → 解决”结构复盘全是真实踩坑记录。4.1 现象首页空白控制台报HTTP Status 404 – /cake/原因IDEA 中 Artifact 配置错误cake-shop:war exploded未正确关联到 Tomcat Deployment或Application context未填/cake导致应用未部署到/cake路径。解决进入 Run → Edit Configurations → Deployment → 检查右侧 Application context 是否为/cake再确认 Artifact 下拉框中选中的是cake-shop:war exploded不是cake-shop:war最后点击 Fix 按钮修复路径。4.2 现象登录时控制台报java.lang.ClassNotFoundException: com.mysql.jdbc.Driver原因mysql-connector-javaJAR 包版本不匹配用了 8.x 驱动或未放入WEB-INF/lib目录或 IDEA 中未将该 JAR 添加到 Artifacts 的lib目录。解决下载mysql-connector-java-5.1.47.jar官网归档页可找到复制到项目WEB-INF/lib下在 IDEA Project Structure → Artifacts →cake-shop:war exploded→ Output Layout →WEB-INF/lib右键 → Extract into Output Root确保 JAR 出现在右侧列表中。4.3 现象商品图片不显示浏览器 F12 查看 Network 显示404原因product.jsp中img srcimages/${product.image}的images/目录实际位于webapp/images/但开发者误将其放在src/main/webapp/images/Maven 结构或WEB-INF/images/WEB-INF 下资源不可被浏览器访问。解决将所有图片文件直接放在webapp/images/目录下与index.jsp同级确保路径http://localhost:8080/cake/images/xxx.jpg可直接访问。4.4 现象下单成功但库存未扣减或扣减后变负数原因UPDATE t_product SET stock stock - ? WHERE id ?语句缺少AND stock ?条件或PreparedStatement中setInt()参数顺序错位如把quantity设给了id参数。解决检查ProductDAO.java中扣减 SQL必须包含AND stock ?在ps3.setInt()调用前加日志System.out.println(扣减商品ID: productId , 数量: quantity);确认参数值正确用 Navicat 手动执行SELECT stock FROM t_product WHERE id 1验证初始值。4.5 现象购物车添加后数量始终为 1不累加原因CartServlet.java中cart.put(productId, item)被错误写在if (item null)分支内导致每次都是新建CartItem旧对象未更新。解决将cart.put(productId, item)移到if-else外部确保无论新建还是更新最终都执行put()或更稳妥地只在else分支中调用item.setQuantity()if分支中put()else分支中不put因对象已存在。5. 从“能跑”到“能改”三个可立即落地的定制化改造技巧跑通只是起点真正让项目体现个人能力的是可验证的定制化修改。下面三个技巧无需重构架构改 3~5 行代码即可生效且每项都附带验证路径和效果截图建议。5.1 把“蛋糕店”主题换成“咖啡馆”只需改三处主题替换是最直观的定制重点在数据一致性而非界面美化数据库层执行 SQL 修改分类名称UPDATE t_category SET name 美式咖啡 WHERE id 1; UPDATE t_category SET name 意式浓缩 WHERE id 2; UPDATE t_category SET name 手冲单品 WHERE id 3;Java 层修改ProductServlet.java中分类查询 SQL 的WHERE条件若原逻辑按category_id查询则无需改JSP 层index.jsp中h3${category.name}/h3会自动显示新名称无需改动验证方式重启 Tomcat访问首页分类标题应变为“美式咖啡”等Navicat 查t_category表确认字段已更新。此举证明你理解 MVC 中各层职责边界——UI 层不硬编码文字数据层驱动展示。5.2 为订单增加“支付状态”枚举避免字符串魔法值当前订单状态用字符串unpaid/paid存储易出错。改为枚举提升健壮性// 新建 OrderStatus.java public enum OrderStatus { UNPAID(unpaid), PAID(paid), SHIPPED(shipped); private final String value; OrderStatus(String value) { this.value value; } public String getValue() { return value; } }在OrderServlet.java中替换// 原代码 ps1.setString(3, unpaid); // 改为 ps1.setString(3, OrderStatus.UNPAID.getValue());参数说明枚举getValue()返回字符串与数据库字段类型兼容后续所有状态判断如if (order.getStatus().equals(paid))可改为if (order.getStatus().equals(OrderStatus.PAID.getValue()))避免拼写错误。这是 JavaWeb 项目中成本最低、收益最高的代码洁癖实践。5.3 给商品价格增加千分位分隔符提升前端展示专业度product.jsp中${product.price}直接输出99.9不够美观改为¥99.90% taglib prefixfmt urihttp://java.sun.com/jsp/jstl/fmt % !-- 在 page 指令后添加 -- !-- 替换原价格显示 -- fmt:formatNumber value${product.price} pattern¥#,##0.00/逻辑说明fmt:formatNumber是 JSTL 标准标签pattern¥#,##0.00表示货币格式¥ 符号、千分位,、保留两位小数.00需确保WEB-INF/lib下有jstl-1.2.jar本项目通常自带。此举不改变后端逻辑仅优化用户体验是答辩时最容易被评委注意到的细节。我带过 17 届毕设学生凡是能把这三招落地的答辩 PPT 里“个性化改进”一页从来不用编故事——截图对比图往那儿一放老师自然懂你没抄模板。后来有学生把“咖啡馆”主题延伸出会员积分模块也是从改这三处开始的。希望帮到你。本文还有配套的精品资源点击获取