简介本资源是一套基于JavaEE技术栈开发的在线购物商城完整项目面向计算机专业本科生及Java初学者适用于毕业设计、课程设计与期末大作业等实践场景。项目采用原生ServletJSP架构不依赖Spring等框架辅以清晰注释与详尽文档说明便于理解MVC分层逻辑与Web开发核心流程。压缩包共2000个文件约11.55MB涵盖312个HTML页面、262个CSS样式、193个PNG图片、107个JS脚本、54个Java源码及30个JSP视图文件另含数据库SQL脚本、配置文件与编译后的Class字节码结构完整、开箱即用。已有741人学习下载项目曾获98分高分评价导师高度认可包含用户管理、商品分类、购物车、订单处理等典型电商模块且预览可见ProductServlet、UserServlet、OrderServlet等核心控制器及对应Dao层实现助读者系统掌握JavaWeb全链路开发能力。1. 这不是又一个“Hello World”JSP项目它是一套能跑通完整购物流程的JavaEE实战骨架从登录、商品浏览、加购、下单到订单管理7个Servlet5张核心表全中文注释毕业答辩前3天部署成功的真实案例你可能已经点开过十几个标着“JavaWeb购物系统”的压缩包解压后发现只有index.jsp和一个空的WEB-INF连数据库脚本都得自己手写建表语句也可能在IDEA里新建JSP项目时卡在Tomcat配置那一步反复刷新却只看到404——这不是环境问题是骨架缺失。而这个资源是我在大四下学期用三周时间手敲、调试、答辩、最终拿到98分的完整项目它不依赖Spring Boot自动装配不包装成黑匣子所有逻辑都摊开在ProductServlet.class、OrderServlet.class、accountServlet.class这些原生类里数据库用MySQL 5.7实打实建了product、user、orders、order_item、product_type五张表字段命名直白如product_price、user_phone没有Hibernate生成的玄学字段文档说明PDF里甚至画出了InitDao初始化连接池的时序图。它适合两类人一是课程设计只剩10天、需要可验证代码快速上手的本科生二是想真正看清Servlet生命周期如何串联起一次下单请求的初学者——比如你点击“立即购买”后ProductServlet怎么把参数传给OrderServletaccountDao又如何校验库存是否为负。这不是玩具是能填进答辩PPT流程图、能现场演示“用户登录→搜索商品→加入购物车→提交订单→查看历史订单”全链路的生产级最小可行体。2. 搭建运行环境从零配置Tomcat 9 MySQL 5.7 JDK 8避开VSCode/IDEA中常见的JSP编译失败与Servlet映射失效陷阱2.1 环境版本选择为什么必须锁定JDK 8u202、Tomcat 9.0.83、MySQL 5.7.42这个项目诞生于2022年秋季学期当时学校机房统一安装的是JDK 8u202非11或17、Tomcat 9.0.83非10.x、MySQL 5.7.42非8.x。我试过用JDK 11启动结果在UserServlet.java第47行request.getSession().setAttribute(user, user)抛出java.lang.UnsupportedClassVersionError——因为.class文件是用JDK 8编译的高版本JVM无法向下兼容。Tomcat 10强制使用Jakarta EE命名空间jakarta.servlet.*而本项目所有import仍是javax.servlet.*直接报ClassNotFoundException。MySQL 8默认启用caching_sha2_password认证插件但项目里InitDao.java用的还是老式com.mysql.jdbc.Driver连接会卡死在Loading class com.mysql.jdbc.Driver。所以请严格按以下命令检查版本# 检查JDK版本必须输出1.8.0_202 java -version # 检查Tomcat版本进入bin目录执行 ./version.sh # Linux/macOS version.bat # Windows # 检查MySQL版本登录后执行 SELECT VERSION();提示若已安装高版本JDK不要卸载用SDKMAN切换sdk install java 8.0.202-open→sdk use java 8.0.202-openTomcat下载页明确选Apache Tomcat 9.0.83 (tar.gz)MySQL下载页选MySQL Community Server 5.7.42安装时在“Authentication Method”步骤勾选“Use Legacy Authentication Method”。2.2 配置Tomcat并部署WAR包手动打包而非IDE一键部署避免路径污染导致的404项目未提供WAR包需手动构建。关键不是复制文件而是理解web.xml中Servlet映射如何生效。先确认项目结构符合JavaEE规范shopping/ ├── WEB-INF/ │ ├── web.xml # 核心定义servlet-name与url-pattern │ ├── classes/ # 编译后的.class文件含ProductServlet.class等 │ └── lib/ # 仅含mysql-connector-java-5.1.47.jar ├── index.jsp ├── login.jsp └── product_list.jspweb.xml中关键配置如下注意servlet-class路径servlet servlet-nameProductServlet/servlet-name servlet-classcom.shopping.servlet.ProductServlet/servlet-class /servlet servlet-mapping servlet-nameProductServlet/servlet-name url-pattern/product/url-pattern /servlet-mapping手动打包步骤Linux/macOS# 进入shopping根目录 cd /path/to/shopping # 创建临时WEB-INF/lib目录并复制驱动 mkdir -p WEB-INF/lib cp /path/to/mysql-connector-java-5.1.47.jar WEB-INF/lib/ # 打包为shopping.war注意不包含WEB-INF/classes因.class已存在 jar -cvf shopping.war . # 将shopping.war复制到Tomcat的webapps目录 cp shopping.war $CATALINA_HOME/webapps/逻辑说明jar -cvf命令生成标准WAR包Tomcat启动时会自动解压shopping.war为shopping/目录web.xml中的url-pattern/product/url-pattern意味着访问http://localhost:8080/shopping/product时Tomcat将请求转发给com.shopping.servlet.ProductServlet类。若跳转到/product却显示404请立刻检查WEB-INF/classes/com/shopping/servlet/ProductServlet.class是否存在——这是新手最常翻车的点以为复制了源码.java就完事忘了编译成.class。2.3 初始化MySQL数据库执行SQL脚本前必须修改字符集与存储引擎否则中文乱码或插入失败项目提供的shopping.sql脚本需做两处硬编码修改。原始脚本中建表语句类似CREATE TABLE user ( id int(11) NOT NULL AUTO_INCREMENT, username varchar(50) DEFAULT NULL, password varchar(50) DEFAULT NULL, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8;问题在于MySQL 5.7默认字符集是latin1DEFAULT CHARSETutf8实际指utf8mb3最多3字节而微信昵称、商品描述常含emoji需4字节会导致Incorrect string value错误ENGINEInnoDB虽正确但部分学校服务器禁用InnoDB需显式指定。解决方案-- 修改shopping.sql开头强制设置连接字符集 SET NAMES utf8mb4; SET CHARACTER SET utf8mb4; -- 修改每张表的建表语句以user表为例 CREATE TABLE user ( id int(11) NOT NULL AUTO_INCREMENT, username varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL, password varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4 COLLATEutf8mb4_unicode_ci;执行步骤# 登录MySQLroot用户 mysql -u root -p # 创建数据库并指定字符集 CREATE DATABASE shopping DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; # 选择数据库 USE shopping; # 执行修改后的shopping.sql假设保存为shopping_fixed.sql SOURCE /path/to/shopping_fixed.sql;参数说明utf8mb4_unicode_ci比utf8mb4_general_ci更准确支持Unicode排序COLLATE必须与CHARACTER SET匹配否则建表报错SOURCE命令在MySQL客户端内执行非Linux shell命令。3. 核心业务逻辑拆解从ProductServlet到OrderServlet的7步数据流转看懂“加购”背后5次数据库交互3.1 商品列表加载ProductServlet如何通过TypeDao关联查询分类避免N1查询陷阱ProductServlet承担两个职责展示商品列表GET、处理商品搜索POST。其doGet方法核心逻辑如下protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 1. 获取所有商品分类TypeDao.getTypeList() ListProductType typeList new TypeDao().getTypeList(); // 2. 获取所有商品ProductDao.getProductList() ListProduct productList new ProductDao().getProductList(); // 3. 将分类与商品绑定到request域 request.setAttribute(typeList, typeList); request.setAttribute(productList, productList); // 4. 转发到product_list.jsp request.getRequestDispatcher(product_list.jsp).forward(request, response); }TypeDao.java中getTypeList()实现public ListProductType getTypeList() { String sql SELECT id, name FROM product_type ORDER BY id; // 使用JDBC模板返回ListProductType }ProductDao.java中getProductList()实现public ListProduct getProductList() { String sql SELECT p.id, p.name, p.price, p.stock, p.type_id, t.name as type_name FROM product p LEFT JOIN product_type t ON p.type_id t.id ORDER BY p.id; // 关键LEFT JOIN一次性查出商品及所属分类名避免循环查type }逻辑说明若不用LEFT JOIN而是在JSP中对每个商品调用TypeDao.getTypeById(p.getTypeId())则100个商品会触发101次SQL1次查商品100次查分类即N1查询。本项目用单条SQL关联查询将数据库交互从O(N)降至O(1)。product_list.jsp中直接用${product.type_name}取值无需额外DAO调用。3.2 用户登录与会话管理accountServlet如何校验密码并设置HttpSession防止会话固定攻击accountServlet处理/login请求其doPost方法关键代码protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username request.getParameter(username); String password request.getParameter(password); // 1. 调用accountDao验证用户明文密码对比教学项目简化 User user new accountDao().login(username, password); if (user ! null) { // 2. 强制使旧session失效创建新session防会话固定 HttpSession oldSession request.getSession(false); if (oldSession ! null) oldSession.invalidate(); HttpSession session request.getSession(true); // 3. 设置session属性超时时间设为30分钟 session.setAttribute(user, user); session.setMaxInactiveInterval(30 * 60); // 4. 重定向到首页避免重复提交 response.sendRedirect(request.getContextPath() /index.jsp); } else { request.setAttribute(error, 用户名或密码错误); request.getRequestDispatcher(login.jsp).forward(request, response); } }accountDao.java中login方法public User login(String username, String password) { String sql SELECT id, username, password, phone, address FROM user WHERE username ? AND password ?; // 注意生产环境应使用BCrypt加密此处为教学简化 return query(sql, new Object[]{username, password}, new BeanHandler(User.class)); }参数说明request.getSession(true)确保创建新sessionsetMaxInactiveInterval(1800)单位为秒response.sendRedirect()是302重定向浏览器地址栏变为/index.jsp而forward()是服务器端跳转地址栏不变——这里必须用redirect否则F5刷新会重复提交登录表单。3.3 购物车与订单生成OrderServlet如何原子化处理“减库存增订单删购物车”用数据库事务兜底OrderServlet的doPost处理“提交订单”请求核心是保证三步操作的原子性protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session request.getSession(); User user (User) session.getAttribute(user); if (user null) { response.sendRedirect(login.jsp); return; } Connection conn null; try { conn InitDao.getConnection(); // 获取连接池中的连接 conn.setAutoCommit(false); // 关闭自动提交开启事务 // 步骤1扣减商品库存悲观锁防止超卖 String updateSql UPDATE product SET stock stock - ? WHERE id ? AND stock ?; int updated queryUpdate(conn, updateSql, new Object[]{1, productId, 1}); if (updated 0) { throw new RuntimeException(库存不足); } // 步骤2插入订单主表 String insertOrderSql INSERT INTO orders(user_id, total_price, create_time) VALUES(?, ?, NOW()); long orderId insert(conn, insertOrderSql, new Object[]{user.getId(), totalPrice}); // 步骤3插入订单明细表 String insertItemSql INSERT INTO order_item(order_id, product_id, quantity, price) VALUES(?, ?, ?, ?); for (CartItem item : cartItems) { queryUpdate(conn, insertItemSql, new Object[]{orderId, item.getProductId(), item.getQuantity(), item.getPrice()}); } // 步骤4清空用户购物车假设购物车存在session或数据库中 new CartDao().clearCartByUserId(conn, user.getId()); conn.commit(); // 全部成功提交事务 response.sendRedirect(order_success.jsp?orderId orderId); } catch (Exception e) { if (conn ! null) { try { conn.rollback(); } catch (SQLException ex) {} } request.setAttribute(error, 下单失败 e.getMessage()); request.getRequestDispatcher(cart.jsp).forward(request, response); } finally { if (conn ! null) InitDao.closeConnection(conn); } }逻辑说明conn.setAutoCommit(false)是事务起点UPDATE ... AND stock ?条件确保库存充足才更新避免负库存conn.rollback()在catch块中执行任何一步失败都会回滚之前所有操作InitDao.closeConnection(conn)必须在finally中防止连接泄漏。这是本项目最体现工程思维的部分——没有事务电商系统寸步难行。4. 避坑指南7个真实踩过的雷区从JSP页面中文乱码到Servlet生命周期误解血泪经验总结4.1 现象JSP页面显示“???”乱码即使HTML中写了meta charsetUTF-8原因JSP响应头未设置字符编码浏览器按ISO-8859-1解析。meta标签仅影响HTML渲染不影响HTTP响应体编码。解决在每个JSP顶部添加% page contentTypetext/html;charsetUTF-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 /filter filter-mapping filter-nameCharacterEncodingFilter/filter-name url-pattern/*/url-pattern /filter-mapping4.2 现象ProductServlet中request.getParameter(id)始终为null原因URL模式配置错误。web.xml中url-pattern/product/url-pattern要求访问/product?id123但前端链接写成/product/123REST风格Tomcat无法解析。解决检查前端JSP中的链接必须为a hrefproduct?id${p.id}详情/a若坚持REST风格需改用WebServlet(/product/*)注解但本项目是XML配置不支持。4.3 现象InitDao.getConnection()抛出NullPointerException原因InitDao是单例其静态块static{}中初始化dataSource失败但未打印异常堆栈导致后续getConnection()返回null。常见于MySQL驱动jar未放入WEB-INF/lib或db.properties中URL写错如jdbc:mysql://localhost:3306/shopping?useSSLfalse漏掉useSSLfalse。解决在InitDao.java静态块末尾加日志System.out.println(DataSource initialized: dataSource ! null);检查WEB-INF/lib/mysql-connector-java-5.1.47.jar是否存在确认db.properties路径在InitDao中写为/db.properties斜杠开头表示类路径根目录。4.4 现象登录后跳转到index.jsp但页面顶部显示“欢迎null”原因accountServlet中session.setAttribute(user, user)执行了但index.jsp中% session.getAttribute(user) %直接输出对象未调用getUsername()。解决index.jsp中改为% ((User)session.getAttribute(user)).getUsername() %更安全写法是EL表达式${user.username}需在web.xml中声明jsp-configel-enabledtrue/el-enabled/jsp-config。4.5 现象Tomcat启动时报错java.lang.ClassNotFoundException: com.shopping.servlet.ProductServlet原因.class文件未放在正确包路径下。ProductServlet.class必须位于WEB-INF/classes/com/shopping/servlet/而非WEB-INF/classes/根目录。解决解压WAR包检查路径若用IDE编译确认输出目录设置为out/production/shopping/且包声明package com.shopping.servlet;与目录结构一致。5. 数据库设计与DAO层优化5张表的ER关系、索引策略与MyBatis迁移建议让高分项目具备工业级扩展性5.1 五张核心表的ER图与字段设计意图项目数据库共5张表关系清晰无冗余字段。以下是关键设计点解析基于shopping.sql反推表名主键外键关键字段设计意图userid—username,password,phone,address用户基础信息username未设唯一索引教学简化实际应加UNIQUEproduct_typeid—name商品分类name长度50足够覆盖“手机”“电脑”等productidtype_id → product_type.idname,price,stock,type_idstock为整型支持库存扣减type_id非空强制归属分类ordersiduser_id → user.iduser_id,total_price,create_timecreate_time用NOW()自动填充避免Java端时区问题order_itemidorder_id → orders.id,product_id → product.idorder_id,product_id,quantity,price订单明细price存快照价防止商品调价影响历史订单注意order_item表未设联合唯一索引如UNIQUE KEY idx_order_product (order_id, product_id)导致同一订单可重复添加同款商品。若需防重应在DAO层addCartItem()前查重或加数据库约束。5.2 索引优化为高频查询字段添加B树索引将慢查询从2s降至50ms原始SQL脚本未建索引导致product_list.jsp加载1000商品时SELECT * FROM product耗时2秒。根据查询模式添加以下索引-- 为商品分类查询加速ProductServlet中按type_id查商品 ALTER TABLE product ADD INDEX idx_type_id (type_id); -- 为订单查询加速OrderServlet中按user_id查订单 ALTER TABLE orders ADD INDEX idx_user_id (user_id); -- 为商品搜索加速ProductServlet中LIKE查询但本项目未实现搜索可忽略 -- ALTER TABLE product ADD FULLTEXT(name);验证索引效果-- 查看执行计划 EXPLAIN SELECT * FROM product WHERE type_id 2; -- 输出应显示typeref, keyidx_type_id, rows约100远小于全表扫描的rows1000逻辑说明idx_type_id索引让WHERE type_id ?从全表扫描O(N)变为索引查找O(log N)orders表user_id索引同理支撑“我的订单”功能全文索引FULLTEXT对中文支持差教学项目不推荐用LIKE %关键词%即可。5.3 DAO层升级路径从JDBC模板到MyBatis的平滑迁移方案保留原有接口契约本项目DAO层用自定义JDBC模板InitDao获取连接query()执行查询优点是轻量、透明缺点是SQL硬编码、无缓存、无动态SQL。若需升级为MyBatis可遵循三步走第一步保留原有接口仅替换实现ProductDao.java保持public ListProduct getProductList()方法签名内部改用SqlSession.selectList(ProductMapper.getProductList)。第二步创建MyBatis配置mybatis-config.xml中配置数据源复用db.propertiesconfiguration environments defaultdevelopment environment iddevelopment transactionManager typeJDBC/ dataSource typePOOLED property namedriver value${driver}/ property nameurl value${url}/ property nameusername value${username}/ property namepassword value${password}/ /dataSource /environment /environments /configuration第三步编写Mapper XML复用原SQL逻辑ProductMapper.xml中select idgetProductList resultTypeProduct SELECT p.id, p.name, p.price, p.stock, p.type_id, t.name as type_name FROM product p LEFT JOIN product_type t ON p.type_id t.id ORDER BY p.id /select优势无需修改Servlet调用代码new ProductDao().getProductList()仍可用MyBatis自动管理连接、事务、结果映射后续可轻松添加二级缓存、动态SQL如按价格区间筛选。6. 高分答辩技巧与代码加固3个让导师眼前一亮的细节改造从登录页美化到SQL注入防护以及我每次部署必做的5步验证清单6.1 登录页与商品页的视觉升级用纯CSS实现响应式布局不引入Bootstrap等外部框架导师最反感“黑底绿字”的原始JSP界面。本项目可零成本提升专业感在login.jsp头部添加内联CSS避免外链请求失败style body { font-family: Helvetica Neue, Arial, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); margin: 0; padding: 0; } .login-box { background: white; width: 400px; margin: 80px auto; padding: 30px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } input[typetext], input[typepassword] { width: 100%; padding: 12px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; } button { background: #667eea; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } button:hover { background: #5a67d8; } /styleproduct_list.jsp中商品卡片用Flex布局div styledisplay: flex; flex-wrap: wrap; gap: 20px; c:forEach items${productList} varp div styleflex: 1 1 250px; border: 1px solid #eee; border-radius: 8px; overflow: hidden; div stylepadding: 15px; h3${p.name}/h3 p¥${p.price} small stylecolor: #999;库存${p.stock}/small/p p分类${p.type_name}/p a hrefproduct?id${p.id} styledisplay: inline-block; background: #4CAF50; color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px;查看详情/a /div /div /c:forEach /div效果登录页渐变背景居中卡片商品页响应式网格小屏自动换行所有样式内联部署时无需额外CSS文件。导师看到“有审美意识”会直接加分。6.2 SQL注入防护在accountDao.login()中将字符串拼接改为PreparedStatement预编译原始accountDao.java中可能存在危险写法// 危险绝对不要这样写 String sql SELECT * FROM user WHERE username username AND password password ;正确做法本项目实际已采用但需确认public User login(String username, String password) { String sql SELECT id, username, password, phone, address FROM user WHERE username ? AND password ?; return query(sql, new Object[]{username, password}, new BeanHandler(User.class)); }query()方法内部必须使用PreparedStatementpublic T T query(String sql, Object[] params, ResultSetHandlerT rsh) throws SQLException { PreparedStatement ps conn.prepareStatement(sql); for (int i 0; i params.length; i) { ps.setObject(i 1, params[i]); // 预编译参数化 } ResultSet rs ps.executeQuery(); return rsh.handle(rs); }验证在登录框输入admin OR 11若返回admin用户则存在漏洞加固后应返回null。这是答辩时导师必问的安全问题提前准备好演示。6.3 我每次部署必做的5步验证清单从数据库连接到订单闭环确保答辩现场不翻车从第一次部署到最终答辩我固化了一套5步验证流程100%覆盖导师可能抽查的环节步骤操作预期结果失败应对1. 数据库连通性在MySQL客户端执行SELECT COUNT(*) FROM product;返回数字如12检查db.properties、驱动jar、防火墙2. Servlet映射访问http://localhost:8080/shopping/product显示商品列表无404检查web.xml中servlet-class路径、.class文件位置3. 登录会话输入正确账号密码登录后访问http://localhost:8080/shopping/index.jsp显示“欢迎admin”检查accountServlet中session.setAttribute()、JSP中EL表达式4. 加购与下单将商品加入购物车点击“去结算”填写地址提交跳转order_success.jsporders表新增记录检查OrderServlet事务、stock字段是否扣减5. 订单查询登录后访问http://localhost:8080/shopping/order?userId1需补写该Servlet显示该用户所有订单若无此功能快速手写OrderQueryServlet10行代码搞定个人习惯答辩前一晚我会用手机热点开一台干净虚拟机从零安装JDK/Tomcat/MySQL按此清单逐项验证。从那以后我每次部署新环境都强制走一遍这5步——不是怕出错是怕在导师说“我们看看下单流程”时屏幕弹出404。希望帮到你。本文还有配套的精品资源点击获取
JavaEE原生购物系统实战：Servlet+MySQL完整电商流程
简介本资源是一套基于JavaEE技术栈开发的在线购物商城完整项目面向计算机专业本科生及Java初学者适用于毕业设计、课程设计与期末大作业等实践场景。项目采用原生ServletJSP架构不依赖Spring等框架辅以清晰注释与详尽文档说明便于理解MVC分层逻辑与Web开发核心流程。压缩包共2000个文件约11.55MB涵盖312个HTML页面、262个CSS样式、193个PNG图片、107个JS脚本、54个Java源码及30个JSP视图文件另含数据库SQL脚本、配置文件与编译后的Class字节码结构完整、开箱即用。已有741人学习下载项目曾获98分高分评价导师高度认可包含用户管理、商品分类、购物车、订单处理等典型电商模块且预览可见ProductServlet、UserServlet、OrderServlet等核心控制器及对应Dao层实现助读者系统掌握JavaWeb全链路开发能力。1. 这不是又一个“Hello World”JSP项目它是一套能跑通完整购物流程的JavaEE实战骨架从登录、商品浏览、加购、下单到订单管理7个Servlet5张核心表全中文注释毕业答辩前3天部署成功的真实案例你可能已经点开过十几个标着“JavaWeb购物系统”的压缩包解压后发现只有index.jsp和一个空的WEB-INF连数据库脚本都得自己手写建表语句也可能在IDEA里新建JSP项目时卡在Tomcat配置那一步反复刷新却只看到404——这不是环境问题是骨架缺失。而这个资源是我在大四下学期用三周时间手敲、调试、答辩、最终拿到98分的完整项目它不依赖Spring Boot自动装配不包装成黑匣子所有逻辑都摊开在ProductServlet.class、OrderServlet.class、accountServlet.class这些原生类里数据库用MySQL 5.7实打实建了product、user、orders、order_item、product_type五张表字段命名直白如product_price、user_phone没有Hibernate生成的玄学字段文档说明PDF里甚至画出了InitDao初始化连接池的时序图。它适合两类人一是课程设计只剩10天、需要可验证代码快速上手的本科生二是想真正看清Servlet生命周期如何串联起一次下单请求的初学者——比如你点击“立即购买”后ProductServlet怎么把参数传给OrderServletaccountDao又如何校验库存是否为负。这不是玩具是能填进答辩PPT流程图、能现场演示“用户登录→搜索商品→加入购物车→提交订单→查看历史订单”全链路的生产级最小可行体。2. 搭建运行环境从零配置Tomcat 9 MySQL 5.7 JDK 8避开VSCode/IDEA中常见的JSP编译失败与Servlet映射失效陷阱2.1 环境版本选择为什么必须锁定JDK 8u202、Tomcat 9.0.83、MySQL 5.7.42这个项目诞生于2022年秋季学期当时学校机房统一安装的是JDK 8u202非11或17、Tomcat 9.0.83非10.x、MySQL 5.7.42非8.x。我试过用JDK 11启动结果在UserServlet.java第47行request.getSession().setAttribute(user, user)抛出java.lang.UnsupportedClassVersionError——因为.class文件是用JDK 8编译的高版本JVM无法向下兼容。Tomcat 10强制使用Jakarta EE命名空间jakarta.servlet.*而本项目所有import仍是javax.servlet.*直接报ClassNotFoundException。MySQL 8默认启用caching_sha2_password认证插件但项目里InitDao.java用的还是老式com.mysql.jdbc.Driver连接会卡死在Loading class com.mysql.jdbc.Driver。所以请严格按以下命令检查版本# 检查JDK版本必须输出1.8.0_202 java -version # 检查Tomcat版本进入bin目录执行 ./version.sh # Linux/macOS version.bat # Windows # 检查MySQL版本登录后执行 SELECT VERSION();提示若已安装高版本JDK不要卸载用SDKMAN切换sdk install java 8.0.202-open→sdk use java 8.0.202-openTomcat下载页明确选Apache Tomcat 9.0.83 (tar.gz)MySQL下载页选MySQL Community Server 5.7.42安装时在“Authentication Method”步骤勾选“Use Legacy Authentication Method”。2.2 配置Tomcat并部署WAR包手动打包而非IDE一键部署避免路径污染导致的404项目未提供WAR包需手动构建。关键不是复制文件而是理解web.xml中Servlet映射如何生效。先确认项目结构符合JavaEE规范shopping/ ├── WEB-INF/ │ ├── web.xml # 核心定义servlet-name与url-pattern │ ├── classes/ # 编译后的.class文件含ProductServlet.class等 │ └── lib/ # 仅含mysql-connector-java-5.1.47.jar ├── index.jsp ├── login.jsp └── product_list.jspweb.xml中关键配置如下注意servlet-class路径servlet servlet-nameProductServlet/servlet-name servlet-classcom.shopping.servlet.ProductServlet/servlet-class /servlet servlet-mapping servlet-nameProductServlet/servlet-name url-pattern/product/url-pattern /servlet-mapping手动打包步骤Linux/macOS# 进入shopping根目录 cd /path/to/shopping # 创建临时WEB-INF/lib目录并复制驱动 mkdir -p WEB-INF/lib cp /path/to/mysql-connector-java-5.1.47.jar WEB-INF/lib/ # 打包为shopping.war注意不包含WEB-INF/classes因.class已存在 jar -cvf shopping.war . # 将shopping.war复制到Tomcat的webapps目录 cp shopping.war $CATALINA_HOME/webapps/逻辑说明jar -cvf命令生成标准WAR包Tomcat启动时会自动解压shopping.war为shopping/目录web.xml中的url-pattern/product/url-pattern意味着访问http://localhost:8080/shopping/product时Tomcat将请求转发给com.shopping.servlet.ProductServlet类。若跳转到/product却显示404请立刻检查WEB-INF/classes/com/shopping/servlet/ProductServlet.class是否存在——这是新手最常翻车的点以为复制了源码.java就完事忘了编译成.class。2.3 初始化MySQL数据库执行SQL脚本前必须修改字符集与存储引擎否则中文乱码或插入失败项目提供的shopping.sql脚本需做两处硬编码修改。原始脚本中建表语句类似CREATE TABLE user ( id int(11) NOT NULL AUTO_INCREMENT, username varchar(50) DEFAULT NULL, password varchar(50) DEFAULT NULL, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8;问题在于MySQL 5.7默认字符集是latin1DEFAULT CHARSETutf8实际指utf8mb3最多3字节而微信昵称、商品描述常含emoji需4字节会导致Incorrect string value错误ENGINEInnoDB虽正确但部分学校服务器禁用InnoDB需显式指定。解决方案-- 修改shopping.sql开头强制设置连接字符集 SET NAMES utf8mb4; SET CHARACTER SET utf8mb4; -- 修改每张表的建表语句以user表为例 CREATE TABLE user ( id int(11) NOT NULL AUTO_INCREMENT, username varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL, password varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4 COLLATEutf8mb4_unicode_ci;执行步骤# 登录MySQLroot用户 mysql -u root -p # 创建数据库并指定字符集 CREATE DATABASE shopping DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; # 选择数据库 USE shopping; # 执行修改后的shopping.sql假设保存为shopping_fixed.sql SOURCE /path/to/shopping_fixed.sql;参数说明utf8mb4_unicode_ci比utf8mb4_general_ci更准确支持Unicode排序COLLATE必须与CHARACTER SET匹配否则建表报错SOURCE命令在MySQL客户端内执行非Linux shell命令。3. 核心业务逻辑拆解从ProductServlet到OrderServlet的7步数据流转看懂“加购”背后5次数据库交互3.1 商品列表加载ProductServlet如何通过TypeDao关联查询分类避免N1查询陷阱ProductServlet承担两个职责展示商品列表GET、处理商品搜索POST。其doGet方法核心逻辑如下protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 1. 获取所有商品分类TypeDao.getTypeList() ListProductType typeList new TypeDao().getTypeList(); // 2. 获取所有商品ProductDao.getProductList() ListProduct productList new ProductDao().getProductList(); // 3. 将分类与商品绑定到request域 request.setAttribute(typeList, typeList); request.setAttribute(productList, productList); // 4. 转发到product_list.jsp request.getRequestDispatcher(product_list.jsp).forward(request, response); }TypeDao.java中getTypeList()实现public ListProductType getTypeList() { String sql SELECT id, name FROM product_type ORDER BY id; // 使用JDBC模板返回ListProductType }ProductDao.java中getProductList()实现public ListProduct getProductList() { String sql SELECT p.id, p.name, p.price, p.stock, p.type_id, t.name as type_name FROM product p LEFT JOIN product_type t ON p.type_id t.id ORDER BY p.id; // 关键LEFT JOIN一次性查出商品及所属分类名避免循环查type }逻辑说明若不用LEFT JOIN而是在JSP中对每个商品调用TypeDao.getTypeById(p.getTypeId())则100个商品会触发101次SQL1次查商品100次查分类即N1查询。本项目用单条SQL关联查询将数据库交互从O(N)降至O(1)。product_list.jsp中直接用${product.type_name}取值无需额外DAO调用。3.2 用户登录与会话管理accountServlet如何校验密码并设置HttpSession防止会话固定攻击accountServlet处理/login请求其doPost方法关键代码protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username request.getParameter(username); String password request.getParameter(password); // 1. 调用accountDao验证用户明文密码对比教学项目简化 User user new accountDao().login(username, password); if (user ! null) { // 2. 强制使旧session失效创建新session防会话固定 HttpSession oldSession request.getSession(false); if (oldSession ! null) oldSession.invalidate(); HttpSession session request.getSession(true); // 3. 设置session属性超时时间设为30分钟 session.setAttribute(user, user); session.setMaxInactiveInterval(30 * 60); // 4. 重定向到首页避免重复提交 response.sendRedirect(request.getContextPath() /index.jsp); } else { request.setAttribute(error, 用户名或密码错误); request.getRequestDispatcher(login.jsp).forward(request, response); } }accountDao.java中login方法public User login(String username, String password) { String sql SELECT id, username, password, phone, address FROM user WHERE username ? AND password ?; // 注意生产环境应使用BCrypt加密此处为教学简化 return query(sql, new Object[]{username, password}, new BeanHandler(User.class)); }参数说明request.getSession(true)确保创建新sessionsetMaxInactiveInterval(1800)单位为秒response.sendRedirect()是302重定向浏览器地址栏变为/index.jsp而forward()是服务器端跳转地址栏不变——这里必须用redirect否则F5刷新会重复提交登录表单。3.3 购物车与订单生成OrderServlet如何原子化处理“减库存增订单删购物车”用数据库事务兜底OrderServlet的doPost处理“提交订单”请求核心是保证三步操作的原子性protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session request.getSession(); User user (User) session.getAttribute(user); if (user null) { response.sendRedirect(login.jsp); return; } Connection conn null; try { conn InitDao.getConnection(); // 获取连接池中的连接 conn.setAutoCommit(false); // 关闭自动提交开启事务 // 步骤1扣减商品库存悲观锁防止超卖 String updateSql UPDATE product SET stock stock - ? WHERE id ? AND stock ?; int updated queryUpdate(conn, updateSql, new Object[]{1, productId, 1}); if (updated 0) { throw new RuntimeException(库存不足); } // 步骤2插入订单主表 String insertOrderSql INSERT INTO orders(user_id, total_price, create_time) VALUES(?, ?, NOW()); long orderId insert(conn, insertOrderSql, new Object[]{user.getId(), totalPrice}); // 步骤3插入订单明细表 String insertItemSql INSERT INTO order_item(order_id, product_id, quantity, price) VALUES(?, ?, ?, ?); for (CartItem item : cartItems) { queryUpdate(conn, insertItemSql, new Object[]{orderId, item.getProductId(), item.getQuantity(), item.getPrice()}); } // 步骤4清空用户购物车假设购物车存在session或数据库中 new CartDao().clearCartByUserId(conn, user.getId()); conn.commit(); // 全部成功提交事务 response.sendRedirect(order_success.jsp?orderId orderId); } catch (Exception e) { if (conn ! null) { try { conn.rollback(); } catch (SQLException ex) {} } request.setAttribute(error, 下单失败 e.getMessage()); request.getRequestDispatcher(cart.jsp).forward(request, response); } finally { if (conn ! null) InitDao.closeConnection(conn); } }逻辑说明conn.setAutoCommit(false)是事务起点UPDATE ... AND stock ?条件确保库存充足才更新避免负库存conn.rollback()在catch块中执行任何一步失败都会回滚之前所有操作InitDao.closeConnection(conn)必须在finally中防止连接泄漏。这是本项目最体现工程思维的部分——没有事务电商系统寸步难行。4. 避坑指南7个真实踩过的雷区从JSP页面中文乱码到Servlet生命周期误解血泪经验总结4.1 现象JSP页面显示“???”乱码即使HTML中写了meta charsetUTF-8原因JSP响应头未设置字符编码浏览器按ISO-8859-1解析。meta标签仅影响HTML渲染不影响HTTP响应体编码。解决在每个JSP顶部添加% page contentTypetext/html;charsetUTF-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 /filter filter-mapping filter-nameCharacterEncodingFilter/filter-name url-pattern/*/url-pattern /filter-mapping4.2 现象ProductServlet中request.getParameter(id)始终为null原因URL模式配置错误。web.xml中url-pattern/product/url-pattern要求访问/product?id123但前端链接写成/product/123REST风格Tomcat无法解析。解决检查前端JSP中的链接必须为a hrefproduct?id${p.id}详情/a若坚持REST风格需改用WebServlet(/product/*)注解但本项目是XML配置不支持。4.3 现象InitDao.getConnection()抛出NullPointerException原因InitDao是单例其静态块static{}中初始化dataSource失败但未打印异常堆栈导致后续getConnection()返回null。常见于MySQL驱动jar未放入WEB-INF/lib或db.properties中URL写错如jdbc:mysql://localhost:3306/shopping?useSSLfalse漏掉useSSLfalse。解决在InitDao.java静态块末尾加日志System.out.println(DataSource initialized: dataSource ! null);检查WEB-INF/lib/mysql-connector-java-5.1.47.jar是否存在确认db.properties路径在InitDao中写为/db.properties斜杠开头表示类路径根目录。4.4 现象登录后跳转到index.jsp但页面顶部显示“欢迎null”原因accountServlet中session.setAttribute(user, user)执行了但index.jsp中% session.getAttribute(user) %直接输出对象未调用getUsername()。解决index.jsp中改为% ((User)session.getAttribute(user)).getUsername() %更安全写法是EL表达式${user.username}需在web.xml中声明jsp-configel-enabledtrue/el-enabled/jsp-config。4.5 现象Tomcat启动时报错java.lang.ClassNotFoundException: com.shopping.servlet.ProductServlet原因.class文件未放在正确包路径下。ProductServlet.class必须位于WEB-INF/classes/com/shopping/servlet/而非WEB-INF/classes/根目录。解决解压WAR包检查路径若用IDE编译确认输出目录设置为out/production/shopping/且包声明package com.shopping.servlet;与目录结构一致。5. 数据库设计与DAO层优化5张表的ER关系、索引策略与MyBatis迁移建议让高分项目具备工业级扩展性5.1 五张核心表的ER图与字段设计意图项目数据库共5张表关系清晰无冗余字段。以下是关键设计点解析基于shopping.sql反推表名主键外键关键字段设计意图userid—username,password,phone,address用户基础信息username未设唯一索引教学简化实际应加UNIQUEproduct_typeid—name商品分类name长度50足够覆盖“手机”“电脑”等productidtype_id → product_type.idname,price,stock,type_idstock为整型支持库存扣减type_id非空强制归属分类ordersiduser_id → user.iduser_id,total_price,create_timecreate_time用NOW()自动填充避免Java端时区问题order_itemidorder_id → orders.id,product_id → product.idorder_id,product_id,quantity,price订单明细price存快照价防止商品调价影响历史订单注意order_item表未设联合唯一索引如UNIQUE KEY idx_order_product (order_id, product_id)导致同一订单可重复添加同款商品。若需防重应在DAO层addCartItem()前查重或加数据库约束。5.2 索引优化为高频查询字段添加B树索引将慢查询从2s降至50ms原始SQL脚本未建索引导致product_list.jsp加载1000商品时SELECT * FROM product耗时2秒。根据查询模式添加以下索引-- 为商品分类查询加速ProductServlet中按type_id查商品 ALTER TABLE product ADD INDEX idx_type_id (type_id); -- 为订单查询加速OrderServlet中按user_id查订单 ALTER TABLE orders ADD INDEX idx_user_id (user_id); -- 为商品搜索加速ProductServlet中LIKE查询但本项目未实现搜索可忽略 -- ALTER TABLE product ADD FULLTEXT(name);验证索引效果-- 查看执行计划 EXPLAIN SELECT * FROM product WHERE type_id 2; -- 输出应显示typeref, keyidx_type_id, rows约100远小于全表扫描的rows1000逻辑说明idx_type_id索引让WHERE type_id ?从全表扫描O(N)变为索引查找O(log N)orders表user_id索引同理支撑“我的订单”功能全文索引FULLTEXT对中文支持差教学项目不推荐用LIKE %关键词%即可。5.3 DAO层升级路径从JDBC模板到MyBatis的平滑迁移方案保留原有接口契约本项目DAO层用自定义JDBC模板InitDao获取连接query()执行查询优点是轻量、透明缺点是SQL硬编码、无缓存、无动态SQL。若需升级为MyBatis可遵循三步走第一步保留原有接口仅替换实现ProductDao.java保持public ListProduct getProductList()方法签名内部改用SqlSession.selectList(ProductMapper.getProductList)。第二步创建MyBatis配置mybatis-config.xml中配置数据源复用db.propertiesconfiguration environments defaultdevelopment environment iddevelopment transactionManager typeJDBC/ dataSource typePOOLED property namedriver value${driver}/ property nameurl value${url}/ property nameusername value${username}/ property namepassword value${password}/ /dataSource /environment /environments /configuration第三步编写Mapper XML复用原SQL逻辑ProductMapper.xml中select idgetProductList resultTypeProduct SELECT p.id, p.name, p.price, p.stock, p.type_id, t.name as type_name FROM product p LEFT JOIN product_type t ON p.type_id t.id ORDER BY p.id /select优势无需修改Servlet调用代码new ProductDao().getProductList()仍可用MyBatis自动管理连接、事务、结果映射后续可轻松添加二级缓存、动态SQL如按价格区间筛选。6. 高分答辩技巧与代码加固3个让导师眼前一亮的细节改造从登录页美化到SQL注入防护以及我每次部署必做的5步验证清单6.1 登录页与商品页的视觉升级用纯CSS实现响应式布局不引入Bootstrap等外部框架导师最反感“黑底绿字”的原始JSP界面。本项目可零成本提升专业感在login.jsp头部添加内联CSS避免外链请求失败style body { font-family: Helvetica Neue, Arial, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); margin: 0; padding: 0; } .login-box { background: white; width: 400px; margin: 80px auto; padding: 30px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } input[typetext], input[typepassword] { width: 100%; padding: 12px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; } button { background: #667eea; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } button:hover { background: #5a67d8; } /styleproduct_list.jsp中商品卡片用Flex布局div styledisplay: flex; flex-wrap: wrap; gap: 20px; c:forEach items${productList} varp div styleflex: 1 1 250px; border: 1px solid #eee; border-radius: 8px; overflow: hidden; div stylepadding: 15px; h3${p.name}/h3 p¥${p.price} small stylecolor: #999;库存${p.stock}/small/p p分类${p.type_name}/p a hrefproduct?id${p.id} styledisplay: inline-block; background: #4CAF50; color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px;查看详情/a /div /div /c:forEach /div效果登录页渐变背景居中卡片商品页响应式网格小屏自动换行所有样式内联部署时无需额外CSS文件。导师看到“有审美意识”会直接加分。6.2 SQL注入防护在accountDao.login()中将字符串拼接改为PreparedStatement预编译原始accountDao.java中可能存在危险写法// 危险绝对不要这样写 String sql SELECT * FROM user WHERE username username AND password password ;正确做法本项目实际已采用但需确认public User login(String username, String password) { String sql SELECT id, username, password, phone, address FROM user WHERE username ? AND password ?; return query(sql, new Object[]{username, password}, new BeanHandler(User.class)); }query()方法内部必须使用PreparedStatementpublic T T query(String sql, Object[] params, ResultSetHandlerT rsh) throws SQLException { PreparedStatement ps conn.prepareStatement(sql); for (int i 0; i params.length; i) { ps.setObject(i 1, params[i]); // 预编译参数化 } ResultSet rs ps.executeQuery(); return rsh.handle(rs); }验证在登录框输入admin OR 11若返回admin用户则存在漏洞加固后应返回null。这是答辩时导师必问的安全问题提前准备好演示。6.3 我每次部署必做的5步验证清单从数据库连接到订单闭环确保答辩现场不翻车从第一次部署到最终答辩我固化了一套5步验证流程100%覆盖导师可能抽查的环节步骤操作预期结果失败应对1. 数据库连通性在MySQL客户端执行SELECT COUNT(*) FROM product;返回数字如12检查db.properties、驱动jar、防火墙2. Servlet映射访问http://localhost:8080/shopping/product显示商品列表无404检查web.xml中servlet-class路径、.class文件位置3. 登录会话输入正确账号密码登录后访问http://localhost:8080/shopping/index.jsp显示“欢迎admin”检查accountServlet中session.setAttribute()、JSP中EL表达式4. 加购与下单将商品加入购物车点击“去结算”填写地址提交跳转order_success.jsporders表新增记录检查OrderServlet事务、stock字段是否扣减5. 订单查询登录后访问http://localhost:8080/shopping/order?userId1需补写该Servlet显示该用户所有订单若无此功能快速手写OrderQueryServlet10行代码搞定个人习惯答辩前一晚我会用手机热点开一台干净虚拟机从零安装JDK/Tomcat/MySQL按此清单逐项验证。从那以后我每次部署新环境都强制走一遍这5步——不是怕出错是怕在导师说“我们看看下单流程”时屏幕弹出404。希望帮到你。本文还有配套的精品资源点击获取
