1. 项目背景与技术选型第一次接触JavaWeb开发时我就被电商项目深深吸引——这可能是最能检验全栈能力的实战场景。用ServletJSP搭建的购物商城就像搭积木一样能把Java基础、数据库、前端知识全部串联起来。这里分享一个我反复打磨的课程设计方案特别适合刚学完JavaWeb基础的同学练手。技术栈选择上我坚持够用且经典的原则前端三件套HTMLCSSJavaScript打底配合jQuery处理DOM操作。实测发现用原生JS写购物车交互能更好理解事件机制核心框架Servlet 3.0处理业务逻辑JSP负责视图渲染。虽然现在流行SpringBoot但原始Servlet开发能让你看清HTTP请求的本质数据持久层纯JDBC操作MySQL连连接池都不用课程设计规模完全够用。建议自己封装DBUtil工具类比直接写SQL语句优雅得多开发环境建议JDK 8Tomcat 9MySQL 5.7 IntelliJ IDEA社区版就够用 Navicat数据库可视化工具2. 系统架构设计这个商城采用经典的三层架构但我在实际开发中发现合理的包结构比理论分层更重要。最终项目结构是这样的/src ├── main │ ├── java │ │ ├── com.xxx.controller # Servlet集中地 │ │ ├── com.xxx.service # 业务逻辑 │ │ ├── com.xxx.dao # 数据库操作 │ │ └── com.xxx.util # 工具类 │ ├── webapp │ ├── WEB-INF │ ├── css/js/img # 静态资源 │ └── views # JSP文件数据库设计是重头戏我踩过的坑都在这里用户表user必须加盐加密存储密码千万别明文商品表product要预留status字段控制上下架购物车cart需要关联用户和商品注意外键约束订单表orders和订单项order_item要分开设计建表SQL示例CREATE TABLE product ( id int(11) NOT NULL AUTO_INCREMENT, name varchar(100) NOT NULL, price decimal(10,2) NOT NULL, stock int(11) DEFAULT 0, img_path varchar(255) DEFAULT NULL, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8;3. 核心功能实现3.1 用户模块注册登录我做了三次迭代才稳定第一版直接用HttpSession存用户信息第二版加入Cookie实现记住我功能最终版增加了MD5加密和验证码校验关键代码片段// 登录Servlet核心逻辑 String username request.getParameter(username); String password MD5Util.encode(request.getParameter(password)); User user userService.login(username, password); if(user ! null){ request.getSession().setAttribute(loginUser, user); response.sendRedirect(index.jsp); }else{ request.setAttribute(msg, 用户名或密码错误); request.getRequestDispatcher(/login.jsp).forward(request, response); }3.2 商品模块商品展示有三个技术要点分页查询前端传pageNum和pageSize参数图片上传用commons-fileupload处理文件流模糊搜索SQL语句使用LIKE条件文件上传的坑特别多这是我的解决方案DiskFileItemFactory factory new DiskFileItemFactory(); ServletFileUpload upload new ServletFileUpload(factory); ListFileItem items upload.parseRequest(request); for (FileItem item : items) { if(!item.isFormField()){ // 文件字段 String fileName System.currentTimeMillis()item.getName(); String savePath this.getServletContext().getRealPath(/uploads); item.write(new File(savePath, fileName)); } }3.3 购物车模块购物车实现方案对比方案A用Session存储开发简单但服务器压力大方案B存数据库数据持久化但频繁IO折中方案未登录用Session登录后同步到数据库前端交互难点是实时计算总价用jQuery可以这样实现$(.quantity-input).change(function(){ let price $(this).parent().siblings(.price).text(); let total price * $(this).val(); $(this).parent().siblings(.subtotal).text(total); calculateTotal(); // 重新计算总计 });4. 项目部署指南本地测试通过后部署到云服务器时遇到不少问题。这里分享我的避坑清单MySQL连接问题确保服务端MySQL允许远程连接在/etc/mysql/my.cnf中注释掉bind-addressGRANT ALL PRIVILEGES ON *.* TO root% IDENTIFIED BY 密码; FLUSH PRIVILEGES;Tomcat乱码解决 在conf/server.xml的Connector标签添加URIEncodingUTF-8 useBodyEncodingForURItrue图片路径问题 建议把图片存到Nginx目录在项目中配置虚拟路径映射!-- context.xml -- Context Resources allowLinkingtrue/ Parameter nameimg.location value/data/upload/ /Context完整源码已打包好包含数据库SQL脚本所有依赖jar包前端页面模板部署说明文档获取方式在公众号「Java技术栈」回复关键词电商源码即可下载。建议先按照文档把项目跑起来再尝试自己重写核心模块这样的学习效果最好。
1. 项目背景与技术选型第一次接触JavaWeb开发时我就被电商项目深深吸引——这可能是最能检验全栈能力的实战场景。用ServletJSP搭建的购物商城就像搭积木一样能把Java基础、数据库、前端知识全部串联起来。这里分享一个我反复打磨的课程设计方案特别适合刚学完JavaWeb基础的同学练手。技术栈选择上我坚持够用且经典的原则前端三件套HTMLCSSJavaScript打底配合jQuery处理DOM操作。实测发现用原生JS写购物车交互能更好理解事件机制核心框架Servlet 3.0处理业务逻辑JSP负责视图渲染。虽然现在流行SpringBoot但原始Servlet开发能让你看清HTTP请求的本质数据持久层纯JDBC操作MySQL连连接池都不用课程设计规模完全够用。建议自己封装DBUtil工具类比直接写SQL语句优雅得多开发环境建议JDK 8Tomcat 9MySQL 5.7 IntelliJ IDEA社区版就够用 Navicat数据库可视化工具2. 系统架构设计这个商城采用经典的三层架构但我在实际开发中发现合理的包结构比理论分层更重要。最终项目结构是这样的/src ├── main │ ├── java │ │ ├── com.xxx.controller # Servlet集中地 │ │ ├── com.xxx.service # 业务逻辑 │ │ ├── com.xxx.dao # 数据库操作 │ │ └── com.xxx.util # 工具类 │ ├── webapp │ ├── WEB-INF │ ├── css/js/img # 静态资源 │ └── views # JSP文件数据库设计是重头戏我踩过的坑都在这里用户表user必须加盐加密存储密码千万别明文商品表product要预留status字段控制上下架购物车cart需要关联用户和商品注意外键约束订单表orders和订单项order_item要分开设计建表SQL示例CREATE TABLE product ( id int(11) NOT NULL AUTO_INCREMENT, name varchar(100) NOT NULL, price decimal(10,2) NOT NULL, stock int(11) DEFAULT 0, img_path varchar(255) DEFAULT NULL, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8;3. 核心功能实现3.1 用户模块注册登录我做了三次迭代才稳定第一版直接用HttpSession存用户信息第二版加入Cookie实现记住我功能最终版增加了MD5加密和验证码校验关键代码片段// 登录Servlet核心逻辑 String username request.getParameter(username); String password MD5Util.encode(request.getParameter(password)); User user userService.login(username, password); if(user ! null){ request.getSession().setAttribute(loginUser, user); response.sendRedirect(index.jsp); }else{ request.setAttribute(msg, 用户名或密码错误); request.getRequestDispatcher(/login.jsp).forward(request, response); }3.2 商品模块商品展示有三个技术要点分页查询前端传pageNum和pageSize参数图片上传用commons-fileupload处理文件流模糊搜索SQL语句使用LIKE条件文件上传的坑特别多这是我的解决方案DiskFileItemFactory factory new DiskFileItemFactory(); ServletFileUpload upload new ServletFileUpload(factory); ListFileItem items upload.parseRequest(request); for (FileItem item : items) { if(!item.isFormField()){ // 文件字段 String fileName System.currentTimeMillis()item.getName(); String savePath this.getServletContext().getRealPath(/uploads); item.write(new File(savePath, fileName)); } }3.3 购物车模块购物车实现方案对比方案A用Session存储开发简单但服务器压力大方案B存数据库数据持久化但频繁IO折中方案未登录用Session登录后同步到数据库前端交互难点是实时计算总价用jQuery可以这样实现$(.quantity-input).change(function(){ let price $(this).parent().siblings(.price).text(); let total price * $(this).val(); $(this).parent().siblings(.subtotal).text(total); calculateTotal(); // 重新计算总计 });4. 项目部署指南本地测试通过后部署到云服务器时遇到不少问题。这里分享我的避坑清单MySQL连接问题确保服务端MySQL允许远程连接在/etc/mysql/my.cnf中注释掉bind-addressGRANT ALL PRIVILEGES ON *.* TO root% IDENTIFIED BY 密码; FLUSH PRIVILEGES;Tomcat乱码解决 在conf/server.xml的Connector标签添加URIEncodingUTF-8 useBodyEncodingForURItrue图片路径问题 建议把图片存到Nginx目录在项目中配置虚拟路径映射!-- context.xml -- Context Resources allowLinkingtrue/ Parameter nameimg.location value/data/upload/ /Context完整源码已打包好包含数据库SQL脚本所有依赖jar包前端页面模板部署说明文档获取方式在公众号「Java技术栈」回复关键词电商源码即可下载。建议先按照文档把项目跑起来再尝试自己重写核心模块这样的学习效果最好。
