JSP + MySQL 多表查詢：UNION 不適用，應用 LEFT JOIN 關聯主外鍵橫向拼接數據

需求：從 4 張以上表中查詢所需信息並顯示在 JSP 頁面。新手嘗試 UNION 失敗——UNION 要求列數、類型一致，用於縱向合併同結構結果集。多表關聯查詢應用 JOIN（內連接/左連接/右連接）橫向拼接。

UNION vs JOIN 核心區別

標準多表 LEFT JOIN 查詢模板

SELECT 
    t1.id, t1.name, 
    t2.order_no, t2.amount,
    t3.product_name, t3.price,
    t4.address, t4.phone
FROM table1 t1
LEFT JOIN table2 t2 ON t1.id = t2.user_id
LEFT JOIN table3 t3 ON t2.product_id = t3.id
LEFT JOIN table4 t4 ON t1.id = t4.user_id
WHERE t1.status = 1
ORDER BY t1.create_time DESC;

• LEFT JOIN：保留左表所有行，右表無匹配則列為 NULL（適合主表駐留查詢）。
• INNER JOIN：僅保留雙方都匹配的行（嚴格關聯）。
• 別名 t1/t2 簡化寫法，避免列名衝突用 t2.name AS order_name。

JSP 頁面顯示代碼

<%@ page import="java.sql.*, java.util.*" %>
<%
    Connection conn = null;
    PreparedStatement ps = null;
    ResultSet rs = null;
    List<Map<String, Object>> list = new ArrayList<>();
    try {
        conn = DriverManager.getConnection(url, user, pass);
        String sql = "上述 JOIN 查詢 SQL";
        ps = conn.prepareStatement(sql);
        rs = ps.executeQuery();
        ResultSetMetaData meta = rs.getMetaData();
        int colCount = meta.getColumnCount();
        while (rs.next()) {
            Map<String, Object> row = new HashMap<>();
            for (int i = 1; i <= colCount; i++) {
                row.put(meta.getColumnName(i), rs.getObject(i));
            }
            list.add(row);
        }
    } finally {
        // 關閉資源 rs, ps, conn
    }
    request.setAttribute("dataList", list);
%>

<table>
    <c:forEach items="${dataList}" var="row">
        <tr>
            <c:forEach items="${row}" var="entry">
                <td>${entry.value}</td>
            </c:forEach>
        </tr>
    </c:forEach>
</table>

參考資源

• SQL JOIN 圖解教程：https://www.runoob.com/sql/sql-join-left.html
• MySQL 官方文檔：JOIN 語法。

避坑指南

1. 大表 JOIN 小表：小表駐左（或用 STRAIGHT_JOIN 強制順序）。
2. 關聯鍵必須建索引：ALTER TABLE t2 ADD INDEX idx_user_id (user_id);。
3. 避免 SELECT *，顯式列出所需列，減少網絡傳輸。
4. 結果集過大分頁：LIMIT offset, pageSize + 覆蓋索引優化。

記住：多表橫向拼接用 JOIN，縱向合併同結構用 UNION。搞清業務關係（一對一/一對多/多對多），選對 JOIN 類型，JSP 顯示自然順暢。