1. 项目背景与核心价值
鲜花在线订购系统是典型的电子商务应用，特别适合作为计算机专业毕业设计的选题。这类系统不仅涵盖了Web开发的完整技术栈，还能体现学生对业务逻辑的理解和实现能力。我当年毕业设计做的就是类似的电商系统，现在回头看虽然代码很稚嫩，但确实让我对MVC架构和数据库设计有了深刻认识。
这个选题最大的优势在于：需求明确、技术成熟、参考资料丰富。鲜花电商有清晰的业务流程（浏览-下单-支付-配送），又不像综合电商平台那么复杂。学生可以在2-3个月周期内完成核心功能的开发，同时还能加入一些创新点（比如推荐算法、可视化报表等）来提升项目含金量。
2. 技术选型分析
2.1 为什么选择JSP技术栈
虽然现在Spring Boot大行其道，但用JSP+Servlet做毕业设计仍然有其独特优势：
- 教学匹配度：国内很多高校的Java Web课程仍以JSP/Servlet为核心
- 学习曲线：更贴近底层原理，适合打基础
- 资源丰富：CSDN、博客园有大量JSP项目案例
我建议的技术栈组合：
- 前端：JSP + Bootstrap + jQuery
- 后端：Servlet + JavaBean
- 数据库：MySQL 5.7（兼容性好）
- 服务器：Tomcat 9.x
注意：虽然JSP已不是企业主流技术，但作为教学项目，理解其运行机制（翻译成Servlet、编译过程等）对掌握Web原理很有帮助。
2.2 数据库设计要点
鲜花电商的数据库设计有几个关键表：
- 用户表(user)：注意密码要加密存储（推荐MD5+salt）
- 商品表(flower)：需要特别设计分类字段和图片存储方案
- 订单表(order)：注意事务处理和状态流转设计
这是我常用的基础ER图：
sql复制CREATE TABLE user (
id INT PRIMARY KEY AUTO_INCREMENT,
username VARCHAR(50) NOT NULL,
password VARCHAR(100) NOT NULL,
phone VARCHAR(20),
address TEXT
);
CREATE TABLE flower (
id INT PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(100) NOT NULL,
price DECIMAL(10,2) NOT NULL,
stock INT DEFAULT 0,
category VARCHAR(50),
image_path VARCHAR(255)
);
3. 核心功能实现
3.1 用户模块开发
注册登录是基础但容易出错的部分，分享几个实战经验：
- 验证码实现：建议使用Kaptcha组件
- 密码加密：不要直接用MD5，要加盐处理
- 会话管理：推荐用Filter实现登录校验
典型登录Servlet代码结构：
java复制public class LoginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) {
String username = request.getParameter("username");
String password = request.getParameter("password");
// 1. 验证码校验
String captcha = (String)request.getSession().getAttribute("captcha");
if(!captcha.equalsIgnoreCase(request.getParameter("captcha"))){
request.setAttribute("msg", "验证码错误");
request.getRequestDispatcher("/login.jsp").forward(request, response);
return;
}
// 2. 密码校验
User user = userService.findByUsername(username);
if(user != null && user.getPassword().equals(MD5Util.encode(password + user.getSalt()))){
request.getSession().setAttribute("user", user);
response.sendRedirect("index.jsp");
} else {
request.setAttribute("msg", "用户名或密码错误");
request.getRequestDispatcher("/login.jsp").forward(request, response);
}
}
}
3.2 商品展示模块
鲜花商品展示要注意：
- 图片处理：建议统一缩放为500x500像素
- 分页查询：推荐使用PageHelper插件
- 分类筛选：可用AJAX实现无刷新过滤
前端JSP典型代码：
jsp复制<c:forEach items="${flowerList}" var="flower">
<div class="col-md-3">
<div class="thumbnail">
<img src="${pageContext.request.contextPath}/upload/${flower.imagePath}"
alt="${flower.name}" style="width:100%">
<div class="caption">
<h4>${flower.name}</h4>
<p>价格：¥<fmt:formatNumber value="${flower.price}" pattern="#.00"/></p>
<a href="cart?action=add&id=${flower.id}" class="btn btn-danger">加入购物车</a>
</div>
</div>
</div>
</c:forEach>
4. 订单系统实现
4.1 购物车设计
购物车建议采用Session和数据库双存储方案：
- 未登录用户：使用Session存储
- 已登录用户：同步到数据库
- 数据结构：Map<商品ID, 数量>
关键实现逻辑：
java复制// 添加到购物车
public void addToCart(HttpServletRequest request, int flowerId, int quantity) {
HttpSession session = request.getSession();
User user = (User) session.getAttribute("user");
Map<Integer, Integer> cart;
if(user != null){ // 已登录用户
cart = cartService.getUserCart(user.getId());
} else { // 未登录用户
cart = (Map<Integer, Integer>) session.getAttribute("cart");
if(cart == null) {
cart = new HashMap<>();
}
}
// 添加商品
cart.put(flowerId, cart.getOrDefault(flowerId, 0) + quantity);
// 更新存储
if(user != null){
cartService.updateCart(user.getId(), cart);
} else {
session.setAttribute("cart", cart);
}
}
4.2 订单支付流程
订单模块最易出错的是事务处理，建议：
- 使用数据库事务（@Transactional）
- 库存检查要在事务内完成
- 订单状态要设计完整状态机
典型订单创建流程：
- 验证库存
- 扣减库存（乐观锁）
- 创建订单
- 清空购物车
5. 项目亮点设计
5.1 推荐算法实现
可以简单实现基于协同过滤的推荐：
- 根据用户历史订单找出相似用户
- 推荐相似用户购买过的商品
- 使用余弦相似度计算用户相似度
java复制public List<Flower> recommendFlowers(int userId) {
// 1. 获取目标用户购买记录
Set<Integer> targetUserItems = orderService.getPurchasedItems(userId);
// 2. 计算用户相似度
Map<Integer, Double> similarityMap = new HashMap<>();
for(User otherUser : userService.findAll()) {
if(otherUser.getId() == userId) continue;
Set<Integer> otherUserItems = orderService.getPurchasedItems(otherUser.getId());
double similarity = cosineSimilarity(targetUserItems, otherUserItems);
if(similarity > 0) {
similarityMap.put(otherUser.getId(), similarity);
}
}
// 3. 获取推荐商品
List<Flower> recommendations = new ArrayList<>();
for(Map.Entry<Integer, Double> entry : similarityMap.entrySet()) {
List<Order> orders = orderService.findByUserId(entry.getKey());
for(Order order : orders) {
for(OrderItem item : order.getItems()) {
if(!targetUserItems.contains(item.getFlower().getId())) {
recommendations.add(item.getFlower());
}
}
}
}
return recommendations.stream()
.distinct()
.limit(5)
.collect(Collectors.toList());
}
5.2 数据可视化报表
使用ECharts实现销售数据可视化：
- 日/周/月销售额趋势图
- 商品类别占比饼图
- 热销商品排行榜
jsp复制<div id="salesTrend" style="width:600px;height:400px;"></div>
<script>
var chart = echarts.init(document.getElementById('salesTrend'));
chart.setOption({
title: { text: '近7天销售额趋势' },
tooltip: {},
xAxis: { data: ${dates} },
yAxis: {},
series: [{
name: '销售额',
type: 'line',
data: ${amounts}
}]
});
</script>
6. 部署与测试
6.1 项目部署要点
毕业答辩时的演示环境准备：
- 使用Tomcat插件实现一键启动
- 准备演示数据脚本
- 配置好支付沙箱环境
pom.xml关键配置：
xml复制<build>
<plugins>
<plugin>
<groupId>org.apache.tomcat.maven</groupId>
<artifactId>tomcat7-maven-plugin</artifactId>
<version>2.2</version>
<configuration>
<port>8080</port>
<path>/flower</path>
</configuration>
</plugin>
</plugins>
</build>
6.2 常见问题排查
我总结的几个典型问题及解决方案：
-
中文乱码问题：
- 确保JSP页面：
<%@ page contentType="text/html;charset=UTF-8" %> - 添加字符过滤器：
request.setCharacterEncoding("UTF-8")
- 确保JSP页面：
-
图片上传失败：
- 检查upload目录权限
- 确认表单enctype="multipart/form-data"
-
订单重复提交：
- 使用Token机制防止重复提交
- 前端禁用提交按钮
7. 项目扩展建议
如果想提升项目档次，可以考虑：
- 微信小程序端开发
- 接入第三方支付（支付宝沙箱）
- 实现简单的库存预警功能
- 添加优惠券系统
- 开发后台数据统计功能
我在实际开发中最深的体会是：数据库设计决定上限，异常处理体现功力。建议同学们在开发时特别注意：
- 所有数据库操作都要有事务管理
- 关键业务操作要记录日志
- 用户输入必须严格校验
- 重要操作要有确认提示
最后分享一个调试技巧：在web.xml中配置错误页面，可以快速定位问题：
xml复制<error-page>
<error-code>500</error-code>
<location>/error500.jsp</location>
</error-page>