1. 项目概述基于JSP的蛋糕商城开发背景去年接手一个烘焙连锁店的线上化项目时我选择了IDEA 2020 JSP这套经典组合。虽然现在流行前后端分离架构但传统JSP在快速开发中小型电商系统时依然有其独特优势。这个蛋糕商城项目包含商品展示、购物车、订单管理等基础功能模块开发周期仅用了三周时间。JSPJavaServer Pages作为Java EE体系的核心技术其模板化特性特别适合这类内容展示型网站。在IDEA 2020环境中我们可以直接利用内置的Tomcat插件进行热部署调试配合JSTL标签库能实现高效的页面逻辑控制。对于刚接触Java Web开发的新手来说这种技术栈的学习曲线也相对平缓。2. 开发环境搭建要点2.1 IDEA 2020专业版配置建议使用专业版而非社区版因为社区版缺少对Java EE的原生支持。安装时需要特别注意在欢迎界面选择Customize→All settings→Plugins确保已安装以下必备插件Java EE: 支持Servlet/JSP开发Tomcat and TomEE: 本地服务器集成JSTL: 标签库自动补全重要提示避免使用破解版可通过教育邮箱申请免费授权。我在初期使用社区版时就遇到过JSP编译报错的问题。2.2 项目结构规划标准的Maven Web项目结构应如下配置src ├── main │ ├── java // Servlet和工具类 │ ├── resources // 配置文件 │ └── webapp // JSP和静态资源 │ ├── WEB-INF │ │ └── lib // 依赖jar包 │ └── css/js/images在pom.xml中需要添加的关键依赖dependency groupIdjavax.servlet/groupId artifactIdjavax.servlet-api/artifactId version4.0.1/version scopeprovided/scope /dependency dependency groupIdjstl/groupId artifactIdjstl/artifactId version1.2/version /dependency3. 核心功能实现详解3.1 商品展示模块采用MVC模式实现创建Product实体类Model编写ProductDAO数据访问层开发ProductServlet控制器Controller设计product-list.jsp视图层典型的分页查询SQL示例SELECT * FROM products WHERE categorycake ORDER BY create_time DESC LIMIT ?,?JSP页面中使用JSTL循环展示c:forEach items${productList} varproduct div classitem img src${product.imageUrl} h3${product.name}/h3 p¥${product.price}/p /div /c:forEach3.2 购物车实现方案采用Session存储购物车数据是最简便的方案// 添加到购物车 ListCartItem cart (ListCartItem)request.getSession().getAttribute(cart); if(cart null){ cart new ArrayList(); } cart.add(new CartItem(productId, quantity)); request.getSession().setAttribute(cart, cart);实际项目中建议对Session大小进行监控当商品数量超过50件时提示用户结算。3.3 订单支付流程关键状态机设计stateDiagram [*] -- 待支付 待支付 -- 已取消: 超时未支付 待支付 -- 已支付: 支付成功 已支付 -- 已发货: 商家操作 已发货 -- 已完成: 用户确认对应数据库表设计CREATE TABLE orders ( id VARCHAR(32) PRIMARY KEY, user_id INT NOT NULL, total_amount DECIMAL(10,2), status ENUM(pending,paid,shipped,completed,cancelled), create_time DATETIME );4. 开发中的典型问题解决4.1 JSP页面报错解决方案问题现象出现tongweb jsp is missing from the classpath等类似错误排查步骤检查Project Structure→Modules→Dependencies确认已添加servlet-api和jsp-api依赖查看Artifacts输出配置是否包含所有依赖终极解决方案!-- 在pom.xml中添加 -- dependency groupIdorg.apache.tomcat/groupId artifactIdtomcat-jasper/artifactId version9.0.34/version /dependency4.2 AJAX交互实现前端jQuery示例$.ajax({ url: cart/add, type: POST, data: {productId: 123, qty: 1}, success: function(data){ $(#cart-count).text(data.totalItems); } });后端Servlet处理response.setContentType(application/json); PrintWriter out response.getWriter(); out.print({\totalItems\:cart.size()});5. 项目优化建议5.1 性能提升方案数据库连接池配置以Druid为例# druid.properties druid.initialSize5 druid.maxActive20 druid.maxWait60000JSP页面静态化// 使用Freemarker生成静态HTML Configuration cfg new Configuration(Configuration.VERSION_2_3_30); cfg.setDirectoryForTemplateLoading(new File(/templates)); Template temp cfg.getTemplate(product.ftl);5.2 安全防护措施SQL注入防护// 使用PreparedStatement String sql SELECT * FROM users WHERE username? AND password?; PreparedStatement pstmt conn.prepareStatement(sql); pstmt.setString(1, request.getParameter(user)); pstmt.setString(2, request.getParameter(pass));XSS防御% taglib urihttp://java.sun.com/jsp/jstl/functions prefixfn % ${fn:escapeXml(userInput)}6. 部署上线注意事项6.1 WAR包打包配置在pom.xml中配置build finalNamecake-shop/finalName plugins plugin groupIdorg.apache.maven.plugins/groupId artifactIdmaven-war-plugin/artifactId version3.3.2/version /plugin /plugins /build打包命令mvn clean package6.2 生产环境调优Tomcat的server.xml关键配置Connector port8080 protocolHTTP/1.1 connectionTimeout20000 maxThreads200 minSpareThreads10 enableLookupsfalse URIEncodingUTF-8/7. 扩展功能思路推荐系统实现// 基于用户行为的协同过滤 ListProduct recommendProducts productService.getRecommendations( user.getUserId(), user.getBrowseHistory());促销活动模块-- 限时折扣表设计 CREATE TABLE promotions ( id INT PRIMARY KEY, product_id INT, discount DECIMAL(3,2), start_time DATETIME, end_time DATETIME );在开发过程中我发现JSP配合EL表达式能极大简化页面逻辑。比如处理价格显示时fmt:formatNumber value${product.price * (1 - product.discount)} typecurrency currencySymbol¥/这种传统技术栈虽然不如新框架时髦但对于快速开发中小型电商系统仍然非常高效。特别是在需要快速迭代的业务场景下修改JSP页面就能立即看到效果这种开发体验是很多现代框架难以比拟的。