JSP自行车租赁系统开发实战：MVC架构与全栈实现

1. 项目概述：JSP自行车租赁系统全栈解决方案

这套"自行车在线租赁管理系统"是基于JSP+Servlet+JavaBean的经典MVC架构实现的全栈项目，包含从前端展示到后端业务逻辑、数据库设计的完整代码实现。作为典型的电子商务类应用，系统主要解决自行车租赁业务中的车辆管理、用户预约、订单结算等核心场景需求。我曾在2018年为某高校校园共享单车项目开发过类似系统，实测这套架构在中小型租赁业务中具有开发效率高、维护成本低的优势。

系统采用分层设计模式，前端使用JSP+JSTL标签库实现动态页面渲染，后端Servlet处理业务逻辑，MySQL作为数据存储层。这种组合对于刚接触Java Web开发的学习者特别友好，既能理解MVC架构精髓，又避免了Spring等框架的复杂配置。代码包中提供的DBX数据库工具脚本可一键初始化表结构，大幅降低部署门槛。

2. 技术架构深度解析

2.1 前端交互层实现

系统前端采用经典的JSP+EL表达式组合：

jsp复制<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:forEach items="${bikeList}" var="bike">
  <div class="bike-card">
    <h3>${bike.typeName}</h3>
    <p>编号：${bike.serialNumber}</p>
    <button onclick="rentBike(${bike.id})">立即租赁</button>
  </div>
</c:forEach>

通过JSTL的<c:forEach>标签实现车辆列表动态渲染，配合EL表达式${}直接访问后端传递的Java对象属性。这种数据绑定方式比纯JavaScript方案更符合Java开发者的思维习惯。

关键技巧：在JSP头部添加<%@ page isELIgnored="false" %>确保EL表达式正常解析，这是新手常踩的坑。

2.2 业务逻辑层设计

Servlet作为控制器接收前端请求，典型处理流程如下：

java复制@WebServlet("/rent")
public class RentServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) {
        String bikeId = request.getParameter("bikeId");
        String userId = (String) request.getSession().getAttribute("userId");
        
        BikeService service = new BikeServiceImpl();
        try {
            RentalRecord record = service.rentBike(userId, bikeId);
            request.setAttribute("record", record);
            request.getRequestDispatcher("/rentSuccess.jsp").forward(request, response);
        } catch (BusinessException e) {
            request.setAttribute("error", e.getMessage());
            request.getRequestDispatcher("/error.jsp").forward(request, response);
        }
    }
}

采用Service层封装核心业务逻辑，Servlet仅负责请求转发和异常处理，这种分层设计使代码更易维护。我特别建议在Service层方法上添加详细注释，比如：

java复制/**
 * 自行车租赁核心方法
 * @param userId 必须为已登录用户ID
 * @param bikeId 必须为状态可用的车辆ID
 * @return 生成的租赁记录
 * @throws BusinessException 当车辆不可用或用户余额不足时抛出
 */
public RentalRecord rentBike(String userId, String bikeId) throws BusinessException {
    // 业务逻辑实现...
}

2.3 数据持久层方案

系统使用JDBC直接操作MySQL，通过DBUtils工具类简化CRUD操作：

java复制public class BikeDAOImpl implements BikeDAO {
    public List<Bike> findAvailableBikes() throws SQLException {
        String sql = "SELECT * FROM bike WHERE status = 'AVAILABLE'";
        return DBUtils.queryList(sql, Bike.class);
    }
    
    public int updateBikeStatus(String bikeId, String status) throws SQLException {
        String sql = "UPDATE bike SET status = ? WHERE id = ?";
        return DBUtils.executeUpdate(sql, status, bikeId);
    }
}

数据库表设计遵循三范式原则，核心表包括：

• bike（车辆信息表）
• user（用户账户表）
• rental_record（租赁记录表）
• payment（支付记录表）

提供的SQL脚本包含完整的表结构和初始数据，使用DBX工具导入时注意字符集设置为UTF-8。

3. 开发环境搭建实战

3.1 基础环境配置

推荐使用以下组合：

• JDK 1.8（注意配置JAVA_HOME环境变量）
• Apache Tomcat 9.x
• MySQL 5.7+（建议8.0+）
• Eclipse IDE for Java EE Developers

在Windows环境下配置步骤：

1. 安装JDK后执行java -version验证
2. Tomcat解压后配置CATALINA_HOME环境变量
3. MySQL安装时设置root密码为root123（与源码配置一致）

避坑指南：Tomcat启动乱码问题可在conf/logging.properties中添加java.util.logging.ConsoleHandler.encoding = GBK

3.2 项目导入与依赖处理

在Eclipse中：

1. 选择File → Import → Existing Projects into Workspace
2. 勾选"Copy projects into workspace"避免路径问题
3. 右键项目 → Properties → Java Build Path → Add Library → Server Runtime（选择配置的Tomcat）

缺少的jar包需手动添加到WEB-INF/lib目录，包括：

• mysql-connector-java-5.1.47.jar
• commons-dbutils-1.7.jar
• jstl-1.2.jar

4. 系统部署与调试技巧

4.1 数据库初始化

使用提供的init_db.sql脚本：

bash复制mysql -u root -p < init_db.sql

如果使用DBX图形工具：

1. 新建连接配置（端口3306）
2. 创建名为bike_rental的数据库
3. 右键执行SQL脚本

4.2 Tomcat部署要点

将项目导出为WAR包部署时：

1. 右键项目 → Export → WAR file
2. 复制到Tomcat的webapps目录
3. 访问http://localhost:8080/项目名

开发模式建议直接使用Eclipse的Servers视图：

1. 创建新的Tomcat服务器实例
2. 添加项目到服务器
3. 启动调试模式（支持热部署）

4.3 常见问题排查

1. JSP页面显示源码：

   • 检查Tomcat的conf/web.xml中jspservlet配置
   • 确认文件扩展名是.jsp而非.html

2. 数据库连接失败：

   • 检查src/db.properties中的连接参数
   • 测试MySQL是否允许远程连接（开发环境可暂时关闭防火墙）

3. 中文乱码问题：

   • 在所有JSP页面添加<%@ page pageEncoding="UTF-8"%>
   • 在Servlet中设置request.setCharacterEncoding("UTF-8")

5. 功能扩展建议

5.1 增加微信支付集成

在payment.jsp中添加：

javascript复制function wechatPay(orderId) {
    $.post('/pay/wechat', {orderId: orderId}, function(res){
        if(res.code == 200) {
            window.location.href = res.data.payUrl;
        }
    });
}

后端需实现：

java复制@WebServlet("/pay/wechat")
public class WechatPayServlet extends HttpServlet {
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) {
        String orderId = req.getParameter("orderId");
        // 调用微信支付API生成支付链接
        String payUrl = WechatPayUtil.createOrder(orderId);
        // 返回JSON响应
        resp.getWriter().write("{\"code\":200,\"data\":{\"payUrl\":\""+payUrl+"\"}}");
    }
}

5.2 添加车辆定位功能

数据库新增字段：

sql复制ALTER TABLE bike ADD COLUMN (
    latitude DECIMAL(10,6),
    longitude DECIMAL(10,6),
    last_update_time DATETIME
);

前端使用高德地图API：

html复制<script src="https://webapi.amap.com/maps?v=2.0&key=您申请的key"></script>
<div id="map-container" style="width:100%;height:400px"></div>
<script>
var map = new AMap.Map('map-container');
AMap.plugin('AMap.Geolocation', function() {
    var geolocation = new AMap.Geolocation();
    geolocation.getCurrentPosition(function(status, result) {
        if (status == 'complete') {
            // 获取用户位置后加载周边车辆
            loadNearbyBikes(result.position);
        }
    });
});
</script>

6. 安全加固方案

6.1 SQL注入防护

改造DBUtils工具类：

java复制public static int executeUpdate(String sql, Object... params) throws SQLException {
    Connection conn = getConnection();
    PreparedStatement pstmt = conn.prepareStatement(sql);
    for (int i = 0; i < params.length; i++) {
        pstmt.setObject(i + 1, params[i]);
    }
    return pstmt.executeUpdate();
}

6.2 会话安全

在登录Servlet中添加：

java复制HttpSession session = request.getSession();
session.setAttribute("userId", user.getId());
// 防止会话固定攻击
session.invalidate();
session = request.getSession(true);
// 设置会话超时30分钟
session.setMaxInactiveInterval(30 * 60);

6.3 XSS防御

创建过滤器：

java复制@WebFilter("/*")
public class XSSFilter implements Filter {
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) {
        HttpServletRequest request = (HttpServletRequest) req;
        chain.doFilter(new XSSRequestWrapper(request), res);
    }
}

其中XSSRequestWrapper重写getParameter方法对输入值进行HTML转义。

这套系统经过适当改造完全可以满足中小型自行车租赁企业的数字化管理需求，我在实际部署时建议增加Nginx反向代理和Redis缓存层以提升并发性能。数据库方面如果预计数据量较大（超过10万条记录），应考虑添加索引优化查询效率。