JavaWeb 手把手教你實現簡單分頁：Servlet + JSTL + EL 完整實戰

JavaWeb 手把手教你實現簡單分頁：Servlet + JSTL + EL 完整實戰

分頁是 Web 開發最基礎也最高頻的需求。本文通過一個「登錄後分頁展示用戶列表」的完整案例，演示基於 **Servlet + Session + JSTL/EL** 的服務端分頁核心邏輯，零框架依賴，適合初學者建立分頁思維模型。

一、業務流程設計

1. 用戶登錄 → PageServlet 接收請求
2. Servlet 查詢數據（示例模擬 List）、計算分頁參數
3. 將數據列表、當前頁碼、總頁數存入 Session
4. 轉發至 index.jsp 渲染展示
5. 用戶點擊分頁鏈接 → 再次請求 Servlet 翻頁

二、核心代碼實現

1. 實體類

public class User {
    private String username;
    private String password;
    // getter/setter 省略
}

2. PageServlet 核心邏輯

public class PageServlet extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        // 1. 獲取數據（實際應從 DB 查詢）
        List<User> list = new ArrayList<>();
        for (int i = 1; i < 7; i++) {
            User u = new User();
            u.setUsername("第" + i + "個用戶名");
            u.setPassword("第" + i + "密碼");
            list.add(u);
        }

        // 2. 存入 Session 供 JSP 讀取
        HttpSession session = request.getSession();
        session.setAttribute("userList", list);

        // 3. 解析當前頁碼，防非法值
        int pageNos = 1;
        String param = request.getParameter("pageNos");
        if (param != null) {
            try {
                int p = Integer.parseInt(param);
                if (p >= 1) pageNos = p;
            } catch (NumberFormatException ignored) {}
        }
        session.setAttribute("pageNos", pageNos);

        // 4. 總頁數（實際應由 COUNT(*) 計算）
        int countPage = 3; // 假設每頁 2 條，共 6 條
        session.setAttribute("countPage", countPage);

        // 5. 轉發
        request.getRequestDispatcher("index.jsp").forward(request, response);
    }
}

3. index.jsp 分頁渲染（JSTL + EL）

<%@ taglib prefix="c" uri="https://java.sun.com/jsp/jstl/core" %>
<body>
    <!-- 1. 列表渲染：利用 begin/end 實現切片 -->
    <c:forEach items="${userList}" var="user" 
        begin="${(pageNos-1)*2}" end="${pageNos*2-1}">
        <center><div>${user.username}</div></center>
        <center><div>${user.password}</div></center>
    </c:forEach>

    <!-- 2. 分頁導航 -->
    <center>
        <c:if test="${pageNos > 1}">
            <a href="pageServlet?pageNos=1">首頁</a>
            <a href="pageServlet?pageNos=${pageNos-1}">上一頁</a>
        </c:if>
        <c:if test="${pageNos < countPage}">
            <a href="pageServlet?pageNos=${pageNos+1}">下一頁</a>
            <a href="pageServlet?pageNos=${countPage}">末頁</a>
        </c:if>
    </center>

    <!-- 3. 頁碼跳轉表單 -->
    <form action="pageServlet">
        <h4 align="center">
            共 ${countPage} 頁
            <input type="text" value="${pageNos}" name="pageNos" size="1"> 頁
            <input type="submit" value="go">
        </h4>
    </form>
</body>

三、關鍵技術點解析

四、從「簡單分頁」進化到「生產級分頁」

1. 數據庫分頁：MySQL LIMIT offset, size、Oracle ROWNUM、SQL Server OFFSET FETCH，避免全表掃描。
2. 分頁 DTO 封裝：PageResult<T> { List<T> data; long total; int pageNum; int pageSize; } 統一前後端契約。
3. 前端組件化：引入 LayUI、ElementUI、Bootstrap Pagination 等成熟組件，支持頁碼輸入、每頁條數切換、總條數顯示。
4. 緩存優化：首頁、熱門列表使用 Redis 緩存分頁結果，Key 設計 page:list:pageNum:pageSize。
5. 深分頁優化：大偏移量 LIMIT 1000000, 20 性能劣化，改用「游標分頁」或「延遲關聯」優化。

五、總結

本文通過最樸素的 Servlet + JSP 實現，還原了分頁的本質：**數據切片 + 狀態傳遞 + UI 導航**。掌握這套核心邏輯後，無論遷移到 Spring MVC、Spring Boot、MyBatis-Plus 分頁插件，還是前後端分離架構下的 RESTful 分頁 API，其底層思維模型始終一致。