拓冰网站定制 
简介这是一套基于JavaWeb技术栈开发的完整蛋糕商城系统面向Java初学者与Web开发入门者覆盖用户管理、商品运营和订单处理三大核心业务模块可作为课程设计、毕业设计或自学实战项目。资源包共225个文件包含52个Java源码、52个编译后Class文件、45张商品与界面图片JPG/PNG/WebP、23个JSP页面、16个CSS样式文件、11个依赖JAR包及XML、SQL等配置文件整体压缩后仅10.97MB轻量易部署。已有6784人学习下载说明其结构清晰、功能完整且具备较强教学参考价值。读者可直接运行并深入理解MVC分层实现如UserDaoImp、GoodsDaoImp等DAO层代码体现JDBC封装AdminAddUserServlet、UserOrder等Servlet类展示控制器逻辑配合购物车CookieJSON、商品分类管理、三类推荐位条幅/热销/新品等真实电商功能是掌握JavaWeb基础开发与前后端协同的典型范例。1. JavaWeb 蛋糕商城不是“写个网页就完事”而是用 ServletJSPMySQL 搭出能下单、查库存、管用户的最小闭环系统你在网上搜“JavaWeb 蛋糕商城”刷出来的大多是教学视频截图——首页飘着奶油蛋糕图购物车图标旁写着“0件”后台管理页空荡荡只有一行“欢迎管理员”。但真实落地时90% 的翻车点根本不在“怎么画页面”而在请求没进 Servlet、数据库连不上、中文乱码像天书、登录状态一刷新就丢、订单提交后库存没扣还重复生成。这不是 JavaWeb 技术栈过时了而是太多人把“能跑通”当成“能交付”Tomcat 启动了浏览器能打开 index.jsp就以为项目成了。实际上一个可验证的 JavaWeb 蛋糕商城必须同时满足三件事用户能注册登录并看到自己的订单历史前台能浏览蛋糕分类、加购、提交订单且库存实时扣减后台能审核订单、修改商品库存、查看销售统计。它不追求高并发或微服务但每个环节都要有明确的数据流向、状态校验和错误反馈——比如用户点击“立即购买”后端得先查库存是否充足再锁库存再生成订单最后才跳转成功页。本文就带你从零搭起这个闭环不用 Spring Boot 简化流程就用原生 Servlet/JSP MySQL JDBC因为只有亲手处理 request.getParameter() 的 null 值、手动写 Connection 获取逻辑、在 JSP 里用 JSTL 判断 session 是否为空你才能真正看清 JavaWeb 的毛细血管在哪堵、哪漏、哪需要打补丁。2. 搭建骨架用 IDEA 创建标准 JavaWeb 工程配好 Tomcat 和 MySQL 驱动2.1 创建 Web Application Module别选错模板否则后续全是坑在 IntelliJ IDEA 中新建项目时必须选择 “New Project → Java Enterprise → Web Application”不是 “Empty Project” 或 “Maven” 模板勾选 “Create web.xml” 和 “Add framework support → Servlet”版本选 4.0。这一步决定目录结构是否合规IDEA 会自动生成src/main/webapp/WEB-INF/web.xml、index.jsp和标准的lib目录。如果误选 Maven 模板再手动补web.xml常出现web.xml不被识别、servlet-mapping失效、静态资源 404 等问题。创建后右键项目 → “Add Framework Support” → 再确认已勾选 Servlet避免后续部署时报 “No servlet container configured”。2.2 配置 Tomcat Server端口、部署路径、热更新三个参数定生死进入 “Run → Edit Configurations → → Tomcat Server → Local”关键配置如下Application server指向你本地解压的 Apache Tomcat 9.x推荐 9.0.83兼容性好无 JDK17 兼容问题Deployment → Artifact选择 “exploded” 类型的 war 包如cake-shop:war exploded不要选 “war”否则修改 JSP 后需重新打包On Update action设为 “Update classes and resources”这是热更新的基础On frame deactivation勾选 “Update classes and resources”让切换窗口时自动同步VM options添加-Dfile.encodingUTF-8解决中文日志乱码Ports → HTTP port默认 8080若被占用常见于 Skype 或其他 Java 进程改为 8081 并记牢——后续所有 URL 都要带这个端口。提示启动前务必检查 Tomcatbin/startup.batWindows或startup.shMac/Linux是否能独立运行。若双击闪退大概率是 JAVA_HOME 指向了 JRE 而非 JDK或 JDK 版本与 Tomcat 不匹配Tomcat 9 要求 JDK 8但 JDK 17 需 Tomcat 10此处用 JDK 11 最稳。2.3 引入 MySQL JDBC 驱动jar 包放对位置Driver 加载才不报 ClassNotFoundException下载mysql-connector-java-8.0.33.jar适配 MySQL 8.0含 SSL 和时区修复不要用 5.x 版本MySQL 8 默认开启 caching_sha2_password 认证5.x 驱动不支持。将 jar 文件复制到src/main/webapp/WEB-INF/lib/目录下不是src/lib或项目根目录。然后在代码中加载驱动// 在 DBUtil.java 工具类中 static { try { Class.forName(com.mysql.cj.jdbc.Driver); // 注意是 com.mysql.cj.jdbc.Driver不是老版 com.mysql.jdbc.Driver } catch (ClassNotFoundException e) { throw new RuntimeException(MySQL Driver not found!, e); } }参数说明com.mysql.cj.jdbc.Driver是 MySQL 8 的新驱动类名cj表示 Connector/J若仍报ClassNotFoundException请右键lib目录 → “Add as Library”确保 IDEA 将其加入编译路径。3. 数据建模用 MySQL 设计 6 张表覆盖蛋糕展示、用户行为、订单流转全链路3.1 核心表结构设计为什么必须有order_item表一个“能下单”的商城绝不能把订单商品硬编码进orders表。必须拆分主子表orders存订单头用户ID、总金额、状态order_item存订单明细商品ID、数量、单价。否则无法支持同一订单买多个蛋糕、退货只退其中一款等基础业务。以下是经实战验证的最小必要表字段精简去除非核心冗余表名关键字段说明usersid,username,password,email,phone,create_time密码必须 BCrypt 加密存储见 4.2 节明文存库直接裸奔categoriesid,name,sort_order蛋糕分类如“生日蛋糕”、“奶油蛋糕”、“节日限定”productsid,name,price,stock,category_id,image_path,descriptionstock必须为 INT 且设 DEFAULT 0避免 NULL 导致扣减失败ordersid,user_id,total_amount,status,create_time,update_timestatus用 tinyint(1)0待支付1已支付2已发货3已完成4已取消order_itemid,order_id,product_id,quantity,unit_pricequantity和unit_price分离避免订单总价被篡改cartid,user_id,product_id,quantity,create_time用户未登录时用 session ID 作user_id占位登录后合并注意所有表引擎用InnoDB支持事务字符集统一为utf8mb4存 emoji 和生僻字排序规则utf8mb4_0900_ai_ci。建表 SQL 中显式声明ENGINEInnoDB DEFAULT CHARSETutf8mb4避免 MySQL 8 默认用caching_sha2_password插件导致连接失败。3.2 初始化测试数据插入 5 款蛋糕、2 个用户、1 条模拟订单执行以下 SQL注意替换your_db_nameUSE your_db_name; INSERT INTO categories (id, name, sort_order) VALUES (1, 生日蛋糕, 1), (2, 奶油蛋糕, 2); INSERT INTO products (id, name, price, stock, category_id, image_path, description) VALUES (1, 经典巧克力蛋糕, 198.00, 50, 1, /images/choco.jpg, 比利时黑巧72%可可脂), (2, 草莓千层蛋糕, 268.00, 30, 1, /images/strawberry.jpg, 新鲜当季草莓法式千层), (3, 芒果慕斯蛋糕, 228.00, 40, 2, /images/mango.jpg, 菲律宾吕宋芒轻盈慕斯), (4, 红丝绒蛋糕, 188.00, 25, 2, /images/redvelvet.jpg, 美国进口奶油奶酪), (5, 定制数字蛋糕, 398.00, 10, 1, /images/number.jpg, 支持刻字48小时预约); INSERT INTO users (id, username, password, email, phone) VALUES (1, admin, $2a$10$ZzXqYvQbRtSfGhJkLmNpOqRsTuVwXyZaBcDeFgHiJkLmNoPqR, admincake.com, 13800138000), (2, testuser, $2a$10$AbCdEfGhIjKlMnOpQrStUvWxYz1234567890AbCdEfGhIjKlMnOpQ, usertest.com, 13900139000); -- 插入一条已支付订单用于测试订单列表 INSERT INTO orders (id, user_id, total_amount, status, create_time) VALUES (1, 2, 496.00, 1, NOW()); INSERT INTO order_item (order_id, product_id, quantity, unit_price) VALUES (1, 1, 1, 198.00), (1, 3, 1, 228.00), (1, 5, 1, 398.00); -- 注意这里故意写错实际应为 198228426暴露价格校验漏洞见 5.3 节逻辑说明密码用 BCrypt 加密$2a$10$...开头工具类见 4.2order_item中unit_price存快照价防止商品调价影响历史订单image_path为相对路径对应webapp/images/目录。4. 核心功能实现Servlet 处理请求JSP 渲染页面JDBC 操作数据库4.1 商品列表页用 DAO 层封装查询JSP 用 JSTL 遍历显示创建ProductDAO.javapublic class ProductDAO { public ListProduct findAll() throws SQLException { String sql SELECT p.*, c.name AS category_name FROM products p LEFT JOIN categories c ON p.category_id c.id ORDER BY p.sort_order; ListProduct list new ArrayList(); try (Connection conn DBUtil.getConnection(); PreparedStatement ps conn.prepareStatement(sql); ResultSet rs ps.executeQuery()) { while (rs.next()) { Product p new Product(); p.setId(rs.getInt(id)); p.setName(rs.getString(name)); p.setPrice(rs.getBigDecimal(price)); p.setStock(rs.getInt(stock)); p.setCategoryName(rs.getString(category_name)); p.setImagePath(rs.getString(image_path)); list.add(p); } } return list; } }参数说明LEFT JOIN确保分类被删除时商品仍能显示category_name为 NULLgetBigDecimal(price)避免 float 精度丢失DBUtil.getConnection()封装了连接池见 4.3。在index.jsp中调用% page contentTypetext/html;charsetUTF-8 languagejava % % taglib prefixc urihttp://java.sun.com/jsp/jstl/core % % page importjava.util.List % % page importcom.cake.model.Product % % page importcom.cake.dao.ProductDAO % % ProductDAO dao new ProductDAO(); ListProduct productList dao.findAll(); request.setAttribute(productList, productList); % !DOCTYPE html html headtitle蛋糕商城首页/title/head body div classproduct-grid c:forEach items${productList} varp div classproduct-card img src${p.imagePath} alt${p.name} width200 h3${p.name}/h3 p¥${p.price} span stylecolor:gray;库存${p.stock}/span/p a hrefcart-add?pid${p.id}quantity1加入购物车/a /div /c:forEach /div /body /html逻辑说明c:forEach替代 scriptlet更安全request.setAttribute()将数据传给 JSPcart-add是后续要写的 Servlet 映射路径。4.2 用户登录Session 管理 BCrypt 密码校验拒绝明文比对创建LoginServlet.javaWebServlet(/login) public class LoginServlet extends HttpServlet { private final UserDAO userDAO new UserDAO(); Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String username req.getParameter(username); String password req.getParameter(password); if (username null || password null || username.trim().isEmpty() || password.trim().isEmpty()) { req.setAttribute(error, 用户名和密码不能为空); req.getRequestDispatcher(/login.jsp).forward(req, resp); return; } try { User user userDAO.findByUsername(username); if (user ! null BCrypt.checkpw(password, user.getPassword())) { // 登录成功存入 session req.getSession().setAttribute(currentUser, user); resp.sendRedirect(index.jsp); } else { req.setAttribute(error, 用户名或密码错误); req.getRequestDispatcher(/login.jsp).forward(req, resp); } } catch (SQLException e) { e.printStackTrace(); req.setAttribute(error, 系统繁忙请稍后再试); req.getRequestDispatcher(/login.jsp).forward(req, resp); } } }关键点BCrypt.checkpw()是唯一安全的密码校验方式req.getSession().setAttribute(currentUser, user)将用户对象存入 Session后续所有页面通过session.getAttribute(currentUser)获取sendRedirect(index.jsp)防止表单重复提交。4.3 数据库连接池用 HikariCP 替代手写 Connection10 行代码搞定高性能连接复用放弃DBUtil.getConnection()手动创建连接每次请求都新建 TCP 连接扛不住 10 并发。引入 HikariCP下载hikari-cp-5.0.1.jar放入WEB-INF/lib/创建HikariConfig.javapublic class HikariConfig { private static HikariDataSource dataSource; static { HikariConfig config new HikariConfig(); config.setJdbcUrl(jdbc:mysql://localhost:3306/cake_shop?useSSLfalseserverTimezoneAsia/ShanghaiallowPublicKeyRetrievaltrue); config.setUsername(root); config.setPassword(your_password); config.setDriverClassName(com.mysql.cj.jdbc.Driver); config.setMaximumPoolSize(20); config.setMinimumIdle(5); config.setConnectionTimeout(30000); config.setIdleTimeout(600000); config.setMaxLifetime(1800000); dataSource new HikariDataSource(config); } public static Connection getConnection() throws SQLException { return dataSource.getConnection(); } }参数说明serverTimezoneAsia/Shanghai解决 MySQL 8 时间戳乱码allowPublicKeyRetrievaltrue兼容新认证插件maximumPoolSize20适合开发环境生产建议 50maxLifetime180000030分钟避免连接老化。5. 避坑指南JavaWeb 蛋糕商城开发中 5 个血泪经验换来的必踩雷区5.1 现象页面中文显示为 “???”URL 中文参数变成乱码原因Tomcat 默认用 ISO-8859-1 解码 GET 请求参数而浏览器用 UTF-8 编码发送。解决在web.xml中添加过滤器全局生效filter filter-nameCharacterEncodingFilter/filter-name filter-classorg.apache.catalina.filters.SetCharacterEncodingFilter/filter-class init-param param-nameencoding/param-name param-valueUTF-8/param-value /init-param init-param param-nameforceEncoding/param-name param-valuetrue/param-value /init-param /filter filter-mapping filter-nameCharacterEncodingFilter/filter-name url-pattern/*/url-pattern /filter-mapping对 POST 请求还需在 Servlet 中手动设置request.setCharacterEncoding(UTF-8)放在getParameter()之前。5.2 现象登录后访问其他页面session.getAttribute(currentUser)返回 null原因JSP 页面未声明% page sessiontrue %或浏览器禁用了 Cookie或跨域导致 Session ID 未传递。解决所有 JSP 顶部加% page sessiontrue %默认为 true但显式声明防疏漏检查浏览器开发者工具 → Application → Cookies确认存在JSESSIONID若用 iframe 或跨域请求需后端设置response.setHeader(Access-Control-Allow-Credentials, true)并前端fetch时加credentials: include。5.3 现象用户下单后库存没扣减或扣成负数原因未加数据库事务或未用SELECT ... FOR UPDATE锁行导致并发下单超卖。解决在订单创建 Service 中用conn.setAutoCommit(false)开启事务查询库存时加SELECT stock FROM products WHERE id ? FOR UPDATE扣减库存后再插入订单和订单项全部成功则conn.commit()任一失败则conn.rollback()。5.4 现象Tomcat 启动后访问http://localhost:8080/cake-shop报 404原因Context Path 配置错误或web.xml中welcome-file-list指向不存在的文件。解决在 IDEA Tomcat 配置 → Deployment → Application context 改为/cake-shop与项目名一致检查web.xml中welcome-file-list welcome-fileindex.jsp/welcome-file /welcome-file-list确认index.jsp确实位于webapp/根目录而非webapp/pages/下。5.5 现象MySQL 连接偶尔超时报Communications link failure原因连接池未配置心跳检测MySQL 服务端主动断开空闲连接。解决在HikariConfig.java中添加config.setConnectionTestQuery(SELECT 1); config.setLeakDetectionThreshold(60000); // 60秒内存泄漏检测 config.setValidationTimeout(3000); // 连接验证超时3秒MySQL 服务端配置wait_timeout288008小时避免过早断连。6. 进阶验证与调试技巧用 Postman 测试接口、用 Log4j 记录关键路径、用 Chrome DevTools 定位渲染瓶颈6.1 用 Postman 模拟真实请求链路绕过前端干扰JavaWeb 项目最怕“前端页面没问题但后端逻辑藏 bug”。用 Postman 直接调用 Servlet验证数据流接口方法参数预期响应POST /loginForm Datausernameadmin,password123456302 重定向到index.jspResponse Headers 含Set-Cookie: JSESSIONIDxxxGET /cart-list——返回 JSON 或 HTML检查是否包含用户购物车商品POST /order-createForm DataproductId1,quantity2返回{success:true,orderId:1001}且数据库orders表新增记录products.stock减 2技巧Postman 中开启 “Cookies” 自动管理即可复用登录态用 “Tests” 标签页写 JS 断言例如pm.response.to.have.status(200)。6.2 用 Log4j 输出结构化日志快速定位“请求卡在哪一步”引入log4j-api-2.20.0.jar和log4j-core-2.20.0.jar配置log4j2.xml?xml version1.0 encodingUTF-8? Configuration statusWARN Appenders File nameFileOut fileNamelogs/cake-shop.log PatternLayout pattern%d{HH:mm:ss.SSS} [%t] %-5level %logger{36} - %msg%n/ /File /Appenders Loggers Root levelinfo AppenderRef refFileOut/ /Root /Loggers /Configuration在OrderService.java中打点private static final Logger logger LogManager.getLogger(OrderService.class); public boolean createOrder(int userId, ListOrderItem items) { logger.info(开始创建订单用户ID{}商品数量{}, userId, items.size()); try { // ... 扣库存、插订单 ... logger.info(订单创建成功订单ID{}, orderId); return true; } catch (Exception e) { logger.error(订单创建失败用户ID{}错误{}, userId, e.getMessage(), e); return false; } }效果日志按时间排序一眼看出“用户 123 下单时在扣库存步骤抛出 SQLException”无需打断点。6.3 用 Chrome DevTools Network 面板揪出“页面慢”的真凶打开 F12 → Network → 刷新首页观察Waterfall 列看index.jsp的DOMContentLoaded时间若 1s说明 JSP 渲染慢可能是 DAO 查询未加索引Size 列若index.jsp返回体过大500KB检查是否误把图片 Base64 编码塞进 HTMLInitiator 列点击某个cart-add?pid1请求看它是否由onclick触发还是页面加载时自动发起防重复提交Filter 输入css确认style.css加载成功避免样式丢失导致布局错乱被误判为逻辑 bug。6.4 一个后悔药技巧用 Git 分支管理“能跑通”和“已修复”状态别在main分支上边改边测。我习惯这样操作git checkout -b dev-login→ 实现登录功能测试通过后git add . git commit -m feat: login with BCryptgit checkout main git merge dev-login再git checkout -b dev-order→ 实现下单若下单模块出问题切回main不影响已上线的登录功能。血泪教训曾因在main上改订单逻辑结果把登录页的 CSS 路径删了线上用户全看到白屏。现在每个功能一个分支合并前git diff main确认只改了该功能文件心里才踏实。希望帮到你。本文还有配套的精品资源点击获取 JavaWeb蛋糕商城实战：Servlet+JSP+MySQL闭环开发指南
简介这是一套基于JavaWeb技术栈开发的完整蛋糕商城系统面向Java初学者与Web开发入门者覆盖用户管理、商品运营和订单处理三大核心业务模块可作为课程设计、毕业设计或自学实战项目。资源包共225个文件包含52个Java源码、52个编译后Class文件、45张商品与界面图片JPG/PNG/WebP、23个JSP页面、16个CSS样式文件、11个依赖JAR包及XML、SQL等配置文件整体压缩后仅10.97MB轻量易部署。已有6784人学习下载说明其结构清晰、功能完整且具备较强教学参考价值。读者可直接运行并深入理解MVC分层实现如UserDaoImp、GoodsDaoImp等DAO层代码体现JDBC封装AdminAddUserServlet、UserOrder等Servlet类展示控制器逻辑配合购物车CookieJSON、商品分类管理、三类推荐位条幅/热销/新品等真实电商功能是掌握JavaWeb基础开发与前后端协同的典型范例。1. JavaWeb 蛋糕商城不是“写个网页就完事”而是用 ServletJSPMySQL 搭出能下单、查库存、管用户的最小闭环系统你在网上搜“JavaWeb 蛋糕商城”刷出来的大多是教学视频截图——首页飘着奶油蛋糕图购物车图标旁写着“0件”后台管理页空荡荡只有一行“欢迎管理员”。但真实落地时90% 的翻车点根本不在“怎么画页面”而在请求没进 Servlet、数据库连不上、中文乱码像天书、登录状态一刷新就丢、订单提交后库存没扣还重复生成。这不是 JavaWeb 技术栈过时了而是太多人把“能跑通”当成“能交付”Tomcat 启动了浏览器能打开 index.jsp就以为项目成了。实际上一个可验证的 JavaWeb 蛋糕商城必须同时满足三件事用户能注册登录并看到自己的订单历史前台能浏览蛋糕分类、加购、提交订单且库存实时扣减后台能审核订单、修改商品库存、查看销售统计。它不追求高并发或微服务但每个环节都要有明确的数据流向、状态校验和错误反馈——比如用户点击“立即购买”后端得先查库存是否充足再锁库存再生成订单最后才跳转成功页。本文就带你从零搭起这个闭环不用 Spring Boot 简化流程就用原生 Servlet/JSP MySQL JDBC因为只有亲手处理 request.getParameter() 的 null 值、手动写 Connection 获取逻辑、在 JSP 里用 JSTL 判断 session 是否为空你才能真正看清 JavaWeb 的毛细血管在哪堵、哪漏、哪需要打补丁。2. 搭建骨架用 IDEA 创建标准 JavaWeb 工程配好 Tomcat 和 MySQL 驱动2.1 创建 Web Application Module别选错模板否则后续全是坑在 IntelliJ IDEA 中新建项目时必须选择 “New Project → Java Enterprise → Web Application”不是 “Empty Project” 或 “Maven” 模板勾选 “Create web.xml” 和 “Add framework support → Servlet”版本选 4.0。这一步决定目录结构是否合规IDEA 会自动生成src/main/webapp/WEB-INF/web.xml、index.jsp和标准的lib目录。如果误选 Maven 模板再手动补web.xml常出现web.xml不被识别、servlet-mapping失效、静态资源 404 等问题。创建后右键项目 → “Add Framework Support” → 再确认已勾选 Servlet避免后续部署时报 “No servlet container configured”。2.2 配置 Tomcat Server端口、部署路径、热更新三个参数定生死进入 “Run → Edit Configurations → → Tomcat Server → Local”关键配置如下Application server指向你本地解压的 Apache Tomcat 9.x推荐 9.0.83兼容性好无 JDK17 兼容问题Deployment → Artifact选择 “exploded” 类型的 war 包如cake-shop:war exploded不要选 “war”否则修改 JSP 后需重新打包On Update action设为 “Update classes and resources”这是热更新的基础On frame deactivation勾选 “Update classes and resources”让切换窗口时自动同步VM options添加-Dfile.encodingUTF-8解决中文日志乱码Ports → HTTP port默认 8080若被占用常见于 Skype 或其他 Java 进程改为 8081 并记牢——后续所有 URL 都要带这个端口。提示启动前务必检查 Tomcatbin/startup.batWindows或startup.shMac/Linux是否能独立运行。若双击闪退大概率是 JAVA_HOME 指向了 JRE 而非 JDK或 JDK 版本与 Tomcat 不匹配Tomcat 9 要求 JDK 8但 JDK 17 需 Tomcat 10此处用 JDK 11 最稳。2.3 引入 MySQL JDBC 驱动jar 包放对位置Driver 加载才不报 ClassNotFoundException下载mysql-connector-java-8.0.33.jar适配 MySQL 8.0含 SSL 和时区修复不要用 5.x 版本MySQL 8 默认开启 caching_sha2_password 认证5.x 驱动不支持。将 jar 文件复制到src/main/webapp/WEB-INF/lib/目录下不是src/lib或项目根目录。然后在代码中加载驱动// 在 DBUtil.java 工具类中 static { try { Class.forName(com.mysql.cj.jdbc.Driver); // 注意是 com.mysql.cj.jdbc.Driver不是老版 com.mysql.jdbc.Driver } catch (ClassNotFoundException e) { throw new RuntimeException(MySQL Driver not found!, e); } }参数说明com.mysql.cj.jdbc.Driver是 MySQL 8 的新驱动类名cj表示 Connector/J若仍报ClassNotFoundException请右键lib目录 → “Add as Library”确保 IDEA 将其加入编译路径。3. 数据建模用 MySQL 设计 6 张表覆盖蛋糕展示、用户行为、订单流转全链路3.1 核心表结构设计为什么必须有order_item表一个“能下单”的商城绝不能把订单商品硬编码进orders表。必须拆分主子表orders存订单头用户ID、总金额、状态order_item存订单明细商品ID、数量、单价。否则无法支持同一订单买多个蛋糕、退货只退其中一款等基础业务。以下是经实战验证的最小必要表字段精简去除非核心冗余表名关键字段说明usersid,username,password,email,phone,create_time密码必须 BCrypt 加密存储见 4.2 节明文存库直接裸奔categoriesid,name,sort_order蛋糕分类如“生日蛋糕”、“奶油蛋糕”、“节日限定”productsid,name,price,stock,category_id,image_path,descriptionstock必须为 INT 且设 DEFAULT 0避免 NULL 导致扣减失败ordersid,user_id,total_amount,status,create_time,update_timestatus用 tinyint(1)0待支付1已支付2已发货3已完成4已取消order_itemid,order_id,product_id,quantity,unit_pricequantity和unit_price分离避免订单总价被篡改cartid,user_id,product_id,quantity,create_time用户未登录时用 session ID 作user_id占位登录后合并注意所有表引擎用InnoDB支持事务字符集统一为utf8mb4存 emoji 和生僻字排序规则utf8mb4_0900_ai_ci。建表 SQL 中显式声明ENGINEInnoDB DEFAULT CHARSETutf8mb4避免 MySQL 8 默认用caching_sha2_password插件导致连接失败。3.2 初始化测试数据插入 5 款蛋糕、2 个用户、1 条模拟订单执行以下 SQL注意替换your_db_nameUSE your_db_name; INSERT INTO categories (id, name, sort_order) VALUES (1, 生日蛋糕, 1), (2, 奶油蛋糕, 2); INSERT INTO products (id, name, price, stock, category_id, image_path, description) VALUES (1, 经典巧克力蛋糕, 198.00, 50, 1, /images/choco.jpg, 比利时黑巧72%可可脂), (2, 草莓千层蛋糕, 268.00, 30, 1, /images/strawberry.jpg, 新鲜当季草莓法式千层), (3, 芒果慕斯蛋糕, 228.00, 40, 2, /images/mango.jpg, 菲律宾吕宋芒轻盈慕斯), (4, 红丝绒蛋糕, 188.00, 25, 2, /images/redvelvet.jpg, 美国进口奶油奶酪), (5, 定制数字蛋糕, 398.00, 10, 1, /images/number.jpg, 支持刻字48小时预约); INSERT INTO users (id, username, password, email, phone) VALUES (1, admin, $2a$10$ZzXqYvQbRtSfGhJkLmNpOqRsTuVwXyZaBcDeFgHiJkLmNoPqR, admincake.com, 13800138000), (2, testuser, $2a$10$AbCdEfGhIjKlMnOpQrStUvWxYz1234567890AbCdEfGhIjKlMnOpQ, usertest.com, 13900139000); -- 插入一条已支付订单用于测试订单列表 INSERT INTO orders (id, user_id, total_amount, status, create_time) VALUES (1, 2, 496.00, 1, NOW()); INSERT INTO order_item (order_id, product_id, quantity, unit_price) VALUES (1, 1, 1, 198.00), (1, 3, 1, 228.00), (1, 5, 1, 398.00); -- 注意这里故意写错实际应为 198228426暴露价格校验漏洞见 5.3 节逻辑说明密码用 BCrypt 加密$2a$10$...开头工具类见 4.2order_item中unit_price存快照价防止商品调价影响历史订单image_path为相对路径对应webapp/images/目录。4. 核心功能实现Servlet 处理请求JSP 渲染页面JDBC 操作数据库4.1 商品列表页用 DAO 层封装查询JSP 用 JSTL 遍历显示创建ProductDAO.javapublic class ProductDAO { public ListProduct findAll() throws SQLException { String sql SELECT p.*, c.name AS category_name FROM products p LEFT JOIN categories c ON p.category_id c.id ORDER BY p.sort_order; ListProduct list new ArrayList(); try (Connection conn DBUtil.getConnection(); PreparedStatement ps conn.prepareStatement(sql); ResultSet rs ps.executeQuery()) { while (rs.next()) { Product p new Product(); p.setId(rs.getInt(id)); p.setName(rs.getString(name)); p.setPrice(rs.getBigDecimal(price)); p.setStock(rs.getInt(stock)); p.setCategoryName(rs.getString(category_name)); p.setImagePath(rs.getString(image_path)); list.add(p); } } return list; } }参数说明LEFT JOIN确保分类被删除时商品仍能显示category_name为 NULLgetBigDecimal(price)避免 float 精度丢失DBUtil.getConnection()封装了连接池见 4.3。在index.jsp中调用% page contentTypetext/html;charsetUTF-8 languagejava % % taglib prefixc urihttp://java.sun.com/jsp/jstl/core % % page importjava.util.List % % page importcom.cake.model.Product % % page importcom.cake.dao.ProductDAO % % ProductDAO dao new ProductDAO(); ListProduct productList dao.findAll(); request.setAttribute(productList, productList); % !DOCTYPE html html headtitle蛋糕商城首页/title/head body div classproduct-grid c:forEach items${productList} varp div classproduct-card img src${p.imagePath} alt${p.name} width200 h3${p.name}/h3 p¥${p.price} span stylecolor:gray;库存${p.stock}/span/p a hrefcart-add?pid${p.id}quantity1加入购物车/a /div /c:forEach /div /body /html逻辑说明c:forEach替代 scriptlet更安全request.setAttribute()将数据传给 JSPcart-add是后续要写的 Servlet 映射路径。4.2 用户登录Session 管理 BCrypt 密码校验拒绝明文比对创建LoginServlet.javaWebServlet(/login) public class LoginServlet extends HttpServlet { private final UserDAO userDAO new UserDAO(); Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String username req.getParameter(username); String password req.getParameter(password); if (username null || password null || username.trim().isEmpty() || password.trim().isEmpty()) { req.setAttribute(error, 用户名和密码不能为空); req.getRequestDispatcher(/login.jsp).forward(req, resp); return; } try { User user userDAO.findByUsername(username); if (user ! null BCrypt.checkpw(password, user.getPassword())) { // 登录成功存入 session req.getSession().setAttribute(currentUser, user); resp.sendRedirect(index.jsp); } else { req.setAttribute(error, 用户名或密码错误); req.getRequestDispatcher(/login.jsp).forward(req, resp); } } catch (SQLException e) { e.printStackTrace(); req.setAttribute(error, 系统繁忙请稍后再试); req.getRequestDispatcher(/login.jsp).forward(req, resp); } } }关键点BCrypt.checkpw()是唯一安全的密码校验方式req.getSession().setAttribute(currentUser, user)将用户对象存入 Session后续所有页面通过session.getAttribute(currentUser)获取sendRedirect(index.jsp)防止表单重复提交。4.3 数据库连接池用 HikariCP 替代手写 Connection10 行代码搞定高性能连接复用放弃DBUtil.getConnection()手动创建连接每次请求都新建 TCP 连接扛不住 10 并发。引入 HikariCP下载hikari-cp-5.0.1.jar放入WEB-INF/lib/创建HikariConfig.javapublic class HikariConfig { private static HikariDataSource dataSource; static { HikariConfig config new HikariConfig(); config.setJdbcUrl(jdbc:mysql://localhost:3306/cake_shop?useSSLfalseserverTimezoneAsia/ShanghaiallowPublicKeyRetrievaltrue); config.setUsername(root); config.setPassword(your_password); config.setDriverClassName(com.mysql.cj.jdbc.Driver); config.setMaximumPoolSize(20); config.setMinimumIdle(5); config.setConnectionTimeout(30000); config.setIdleTimeout(600000); config.setMaxLifetime(1800000); dataSource new HikariDataSource(config); } public static Connection getConnection() throws SQLException { return dataSource.getConnection(); } }参数说明serverTimezoneAsia/Shanghai解决 MySQL 8 时间戳乱码allowPublicKeyRetrievaltrue兼容新认证插件maximumPoolSize20适合开发环境生产建议 50maxLifetime180000030分钟避免连接老化。5. 避坑指南JavaWeb 蛋糕商城开发中 5 个血泪经验换来的必踩雷区5.1 现象页面中文显示为 “???”URL 中文参数变成乱码原因Tomcat 默认用 ISO-8859-1 解码 GET 请求参数而浏览器用 UTF-8 编码发送。解决在web.xml中添加过滤器全局生效filter filter-nameCharacterEncodingFilter/filter-name filter-classorg.apache.catalina.filters.SetCharacterEncodingFilter/filter-class init-param param-nameencoding/param-name param-valueUTF-8/param-value /init-param init-param param-nameforceEncoding/param-name param-valuetrue/param-value /init-param /filter filter-mapping filter-nameCharacterEncodingFilter/filter-name url-pattern/*/url-pattern /filter-mapping对 POST 请求还需在 Servlet 中手动设置request.setCharacterEncoding(UTF-8)放在getParameter()之前。5.2 现象登录后访问其他页面session.getAttribute(currentUser)返回 null原因JSP 页面未声明% page sessiontrue %或浏览器禁用了 Cookie或跨域导致 Session ID 未传递。解决所有 JSP 顶部加% page sessiontrue %默认为 true但显式声明防疏漏检查浏览器开发者工具 → Application → Cookies确认存在JSESSIONID若用 iframe 或跨域请求需后端设置response.setHeader(Access-Control-Allow-Credentials, true)并前端fetch时加credentials: include。5.3 现象用户下单后库存没扣减或扣成负数原因未加数据库事务或未用SELECT ... FOR UPDATE锁行导致并发下单超卖。解决在订单创建 Service 中用conn.setAutoCommit(false)开启事务查询库存时加SELECT stock FROM products WHERE id ? FOR UPDATE扣减库存后再插入订单和订单项全部成功则conn.commit()任一失败则conn.rollback()。5.4 现象Tomcat 启动后访问http://localhost:8080/cake-shop报 404原因Context Path 配置错误或web.xml中welcome-file-list指向不存在的文件。解决在 IDEA Tomcat 配置 → Deployment → Application context 改为/cake-shop与项目名一致检查web.xml中welcome-file-list welcome-fileindex.jsp/welcome-file /welcome-file-list确认index.jsp确实位于webapp/根目录而非webapp/pages/下。5.5 现象MySQL 连接偶尔超时报Communications link failure原因连接池未配置心跳检测MySQL 服务端主动断开空闲连接。解决在HikariConfig.java中添加config.setConnectionTestQuery(SELECT 1); config.setLeakDetectionThreshold(60000); // 60秒内存泄漏检测 config.setValidationTimeout(3000); // 连接验证超时3秒MySQL 服务端配置wait_timeout288008小时避免过早断连。6. 进阶验证与调试技巧用 Postman 测试接口、用 Log4j 记录关键路径、用 Chrome DevTools 定位渲染瓶颈6.1 用 Postman 模拟真实请求链路绕过前端干扰JavaWeb 项目最怕“前端页面没问题但后端逻辑藏 bug”。用 Postman 直接调用 Servlet验证数据流接口方法参数预期响应POST /loginForm Datausernameadmin,password123456302 重定向到index.jspResponse Headers 含Set-Cookie: JSESSIONIDxxxGET /cart-list——返回 JSON 或 HTML检查是否包含用户购物车商品POST /order-createForm DataproductId1,quantity2返回{success:true,orderId:1001}且数据库orders表新增记录products.stock减 2技巧Postman 中开启 “Cookies” 自动管理即可复用登录态用 “Tests” 标签页写 JS 断言例如pm.response.to.have.status(200)。6.2 用 Log4j 输出结构化日志快速定位“请求卡在哪一步”引入log4j-api-2.20.0.jar和log4j-core-2.20.0.jar配置log4j2.xml?xml version1.0 encodingUTF-8? Configuration statusWARN Appenders File nameFileOut fileNamelogs/cake-shop.log PatternLayout pattern%d{HH:mm:ss.SSS} [%t] %-5level %logger{36} - %msg%n/ /File /Appenders Loggers Root levelinfo AppenderRef refFileOut/ /Root /Loggers /Configuration在OrderService.java中打点private static final Logger logger LogManager.getLogger(OrderService.class); public boolean createOrder(int userId, ListOrderItem items) { logger.info(开始创建订单用户ID{}商品数量{}, userId, items.size()); try { // ... 扣库存、插订单 ... logger.info(订单创建成功订单ID{}, orderId); return true; } catch (Exception e) { logger.error(订单创建失败用户ID{}错误{}, userId, e.getMessage(), e); return false; } }效果日志按时间排序一眼看出“用户 123 下单时在扣库存步骤抛出 SQLException”无需打断点。6.3 用 Chrome DevTools Network 面板揪出“页面慢”的真凶打开 F12 → Network → 刷新首页观察Waterfall 列看index.jsp的DOMContentLoaded时间若 1s说明 JSP 渲染慢可能是 DAO 查询未加索引Size 列若index.jsp返回体过大500KB检查是否误把图片 Base64 编码塞进 HTMLInitiator 列点击某个cart-add?pid1请求看它是否由onclick触发还是页面加载时自动发起防重复提交Filter 输入css确认style.css加载成功避免样式丢失导致布局错乱被误判为逻辑 bug。6.4 一个后悔药技巧用 Git 分支管理“能跑通”和“已修复”状态别在main分支上边改边测。我习惯这样操作git checkout -b dev-login→ 实现登录功能测试通过后git add . git commit -m feat: login with BCryptgit checkout main git merge dev-login再git checkout -b dev-order→ 实现下单若下单模块出问题切回main不影响已上线的登录功能。血泪教训曾因在main上改订单逻辑结果把登录页的 CSS 路径删了线上用户全看到白屏。现在每个功能一个分支合并前git diff main确认只改了该功能文件心里才踏实。希望帮到你。本文还有配套的精品资源点击获取