如何通过JSP将多行HTML表格数据保存至MySQL数据库？

Hey there! Let's fix this multi-row form submission issue step by step. The core problems here are twofold: your front-end form isn't properly formatting the array data for submission, and your back-end code is trying to pass entire arrays to PreparedStatement.setString() which only accepts single values. Let's tackle this head-on.

第一步：修正前端HTML表单的参数命名 #

首先，你需要给表格里的输入框name属性加上[]后缀——这告诉浏览器把同name的多个输入值打包成一个数组发送给后端。示例代码如下：

<form action="saveRecords.jsp" method="post">
  <table>
    <thead>
      <tr>
        <th>Hall ID</th>
        <th>Hall Name</th>
        <th>Capacity</th>
      </tr>
    </thead>
    <tbody>
      <!-- 第一行数据 -->
      <tr>
        <td><input type="text" name="table_id[]" placeholder="Enter ID" /></td>
        <td><input type="text" name="hall_name[]" placeholder="Enter Hall Name" /></td>
        <td><input type="text" name="hall_capacity[]" placeholder="Enter Capacity" /></td>
      </tr>
      <!-- 第二行数据（可动态添加更多行） -->
      <tr>
        <td><input type="text" name="table_id[]" placeholder="Enter ID" /></td>
        <td><input type="text" name="hall_name[]" placeholder="Enter Hall Name" /></td>
        <td><input type="text" name="hall_capacity[]" placeholder="Enter Capacity" /></td>
      </tr>
    </tbody>
  </table>
  <button type="submit" id="btnSave">Save All Records</button>
</form>

第二步：重构saveRecords.jsp的后端逻辑 #

现在后端需要遍历接收的数组，为每一行数据执行插入操作。这里提供两种实现方式，按需选择：

方式1：逐行插入（简单直观，适合少量数据） #

<%@ page import="java.sql.*" %>
<%
Connection conn = null;
PreparedStatement pst = null;
try {
    // 获取前端传来的数组参数
    String[] table_id = request.getParameterValues("table_id[]");
    String[] hall_name = request.getParameterValues("hall_name[]");
    String[] hall_capacity = request.getParameterValues("hall_capacity[]");

    // 先校验数据完整性：避免数组长度不一致导致索引越界
    if (table_id == null || hall_name == null || hall_capacity == null 
        || table_id.length != hall_name.length || hall_name.length != hall_capacity.length) {
        out.println("Error: Mismatched number of rows or empty data");
        return;
    }

    // 加载MySQL驱动并建立连接
    Class.forName("com.mysql.jdbc.Driver");
    conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/chbs?user=root&password=");
    
    // 准备插入SQL语句
    String insertSql = "INSERT INTO `halls`(`Hall_ID`, `Hall_Name`, `Capacity`) VALUES (?, ?, ?)";
    pst = conn.prepareStatement(insertSql);

    // 循环遍历数组，逐行插入数据
    for (int i = 0; i < table_id.length; i++) {
        // 注意：trim()可以去除输入前后的空格，避免无效数据
        pst.setString(1, table_id[i].trim());
        pst.setString(2, hall_name[i].trim());
        pst.setString(3, hall_capacity[i].trim());
        pst.executeUpdate();
    }

    out.println("Success! All records have been saved.");

} catch (ClassNotFoundException e) {
    out.println("Error: MySQL Driver not found - " + e.getMessage());
} catch (SQLException e) {
    out.println("Database Error: " + e.getMessage());
} finally {
    // 务必关闭数据库资源，防止连接泄漏
    try {
        if (pst != null) pst.close();
        if (conn != null) conn.close();
    } catch (SQLException e) {
        e.printStackTrace();
    }
}
%>

方式2：批量插入（性能更优，适合大量数据） #

如果需要插入几十上百条数据，用批量插入可以减少数据库交互次数，提升效率：

// 替换上面代码中的循环部分
for (int i = 0; i < table_id.length; i++) {
    pst.setString(1, table_id[i].trim());
    pst.setString(2, hall_name[i].trim());
    pst.setString(3, hall_capacity[i].trim());
    pst.addBatch(); // 将当前行添加到批处理队列
}
// 执行批量插入
int[] affectedRows = pst.executeBatch();
out.println("Success! " + affectedRows.length + " records have been saved.");

关键注意事项 #

• 参数名严格匹配：后端request.getParameterValues()的参数名必须和前端input的name完全一致（包括[]后缀）。
• 数据校验：一定要在后端补充数据合法性校验（比如检查ID是否重复、容量是否为数字等），避免脏数据入库。
• 资源管理：永远在finally块中关闭数据库连接和语句对象，防止内存泄漏。
• 异常处理：不要忽略异常，输出具体错误信息能帮你快速定位问题。

内容的提问来源于stack exchange，提问作者Raky