首頁 > 軟體

Java實現分頁查詢功能

2022-08-24 18:04:20

分頁查詢

分頁查詢將資料庫中龐大的資料分段顯示,每頁顯示使用者自定義的行數,提高使用者體驗度,最主要的是如果一次性從伺服器磁碟中讀出全部資料到記憶體,有記憶體溢位的風險

真假分頁

假分頁: 其原理還是將所有的資料讀到記憶體中,翻頁從記憶體中讀取資料, 優點: 實現簡單,效能高 缺點:如果資料大容易造成記憶體溢位
真分頁: 每次翻頁從資料庫查詢資料(即磁碟) , 優點 : 不容易造成記憶體溢位 缺點: 實現複雜,效能相對低一些

分頁效果

一般分頁的功能包括: 首頁 上一頁 下一頁 末頁 當前是多少頁 總共多少頁 一共多少行資料 跳轉到第幾頁 每頁多少條資料 我們需要將這個資料查詢出來封裝到一個物件中,體現了封裝思想,也節省了很多複雜程式碼

分頁需要傳遞的引數

需要使用者傳入的引數:
currentPage: 當前頁,跳轉到第幾頁, 第一次存取,我們建立一個物件,預設值是1
pageSize: 每頁顯示多少行資料, 第一次我們也給個預設值 比如10條

分頁需要展示的資料

1.當前頁的貨品資訊
2.首頁是第幾頁
3.上一頁是第幾頁
4.下一頁是第幾頁
5.一共有多少頁,和末頁的值是一樣的
6.資料一共有多少條(行)
7.當前是第幾頁
8.每頁顯示多少條資訊

分頁需要展示的資料的來源

來源於使用者上傳: 當前頁 , 每頁顯示多少條資料
來源於資料庫查詢 : 資料總條數 , 每一頁需要展示的商品資訊
來源於根據上面的已知資訊計算 : 總頁數 , 上一頁 , 下一頁

書寫從資料庫查詢的sql語句

第一條sql 查詢資料庫中有多少條資料,COUNT後面不能有空格

SELECT COUNT(*) FROM 表名

第二條sql 根據傳入的引數查詢第幾頁,一頁多少條資料的結果集

# 第一個 ?:從哪一個索引的資料開始查詢(預設從 0 開始)
# 第二個 ?:查詢多少條資料
SELECT * FROM 表名 LIMIT ?, ?

接下來分析第二條 SQL 中兩個 ? 取值來源:
假設 product 表中有 21 條資料,每頁分 5 條資料:
查詢第一頁資料:SELECT * FROM product LIMIT 0, 5
查詢第二頁資料:SELECT * FROM product LIMIT 5, 5
查詢第三頁資料:SELECT * FROM product LIMIT 10, 5
查詢第四頁資料:SELECT * FROM product LIMIT 15, 5
通過尋找規律發現:第一個 ? 取值來源於 (currentPage - 1) * pageSize;第二個 ? 取值來源於
pageSize,即都來源於使用者傳遞的分頁引數。

總頁數,上一頁和下一頁

// 優先計算總頁數
int totalPage = rows % pageSize == 0 ? rows / pageSize : rows / pageSize + 1;
//上一頁等於當前頁-1,但不能超過1頁界限
int prevPage = currentPage - 1 >= 1 ? currentPage - 1 : 1;
//下一頁等於當前頁+1,但不能超過總頁數界限
int nextPage = currentPage + 1 <= totalPage ? currentPage + 1 : totalPage;

分頁查詢實現

存取流程:

封裝需要展示的資料

如果不封裝資料,每個資料都需要存到作用域中,資料太分散,不方便統一管理

/**
* 封裝結果資料(某一頁的資料)
*/
@Getter
public class PageResult<T> {
    // 兩個使用者的輸入
    private int currentPage; // 當前頁碼
    private int pageSize; // 每頁顯示的條數
    // 兩條 SQL 語句執行的結果
    private int totalCount; // 總條數
    private List<T> data; // 當前頁結果集資料
    // 三個程式計算的資料
    private int prevPage; // 上一頁頁碼
    private int nextPage; // 下一頁頁碼
    private int totalPage; // 總頁數/末頁頁碼
    // 分頁資料通過下面構造期封裝好
    public PageResult(int currentPage, int pageSize, int totalCount, List<T>
    data) {
        this.currentPage = currentPage;
        this.pageSize = pageSize;
        this.totalCount = totalCount;
        this.data = data;
        // 計算三個資料
        this.totalPage = totalCount % pageSize == 0 ? totalCount / pageSize :
        totalCount / pageSize + 1;
        this.prevPage = currentPage - 1 >= 1 ? currentPage - 1 : 1;
        this.nextPage = currentPage + 1 <= this.totalPage ? currentPage + 1 :
        this.totalPage;
    }
}

持久層DAO

Mybatis提供的操作方法只能傳入一個引數執行SQL任務,而我們現在查詢某一頁的資料,需要知道是第幾頁和每頁多少條資料這兩個引數,所以我們需要將這兩個引數封裝在一個物件裡面
編寫一個類(起名叫查詢物件類)來封裝這些查詢資料

@Setter
@Getter
/**
* 封裝分頁查詢需要的兩個請求傳入的分頁引數
*/
public class QueryObject {
    private int currentPage = 1; // 當前頁碼,要跳轉到哪一頁的頁碼(需要給預設值)
    private int pageSize = 3; // 每頁顯示條數(需要給預設值)
}

再書寫持久層DAO介面和實現類

//DAO介面提供兩個根據查詢物件的查詢方法
int queryForCount();
List<Product> queryForList(QueryObject qo);
//DAO實現類
@Override
//查詢資料庫總資料條數
public int queryForCount() {
    SqlSession session = MyBatisUtil.getSession();
    int totalCount =
    session.selectOne("cn.xxx.mapper.ProductMapper.queryForCount");
    session.close();
    return totalCount;
}
@Override
//查詢某一頁的結果集
public List<Product> queryForList(QueryObject qo) {
    SqlSession session = MyBatisUtil.getSession();
    List<Product> products =
    session.selectList("cn.xxx.mapper.ProductMapper.queryForList",qo);
    session.close();
    return products;
}

修改productMapper.xml

<select id="queryForCount" resultType="int">
SELECT COUNT(*) FROM product
</select>
<select id="queryForList" resultType="cn.xxx.domain.Product">
SELECT * FROM product LIMIT #{start}, #{pageSize}
</select>

修改QueryObject.java

給這個類增加getStart方法,返回根據當前頁,每頁大小需要從資料庫從第幾行開始顯示

@Setter
@Getter
/**
* 封裝分頁查詢需要的兩個請求傳入的分頁引數
*/
public class QueryObject {
    private int currentPage = 1; // 當前頁碼,要跳轉到哪一頁的頁碼(需要給預設值)
    private int pageSize = 3; // 每頁顯示條數(需要給預設值)
    // 用於 Limit 子句第一個 ? 取值
    public int getStart(){
        return (currentPage - 1) * pageSize;
    }
}

業務層ProductService

呼叫持久層DAO完成資料的查詢,並將多個資料封裝到一個物件中

//IProductService介面
public interface IProductService {
    /**
    * 完成查詢某一頁的業務邏輯功能
    */
    PageResult<Product> query(QueryObject qo);
}
//Service實現類
public class ProductServiceImpl implements IProductService {
    private IProductDAO productDAO = new ProductDAOImpl();
    @Override
    public PageResult<Product> query(QueryObject qo) {
        // 呼叫 DAO 查詢資料數量
        int totalCount = productDAO.queryForCount();
        // 為了效能加入判斷,若查詢的資料數量為 0,說明沒有資料,返回返回空集合,即集合中沒有
        元素
        if(totalCount == 0){
            return new PageResult(qo.getCurrentPage(), qo.getPageSize(),
            totalCount, Collections.emptyList());
        }
        // 執行到這裡代表有資料,查詢當前頁的結果資料
        List<Product> products = productDAO.queryForList(qo);
        return new PageResult(qo.getCurrentPage(), qo.getPageSize(), totalCount,
        products);
    }
}

前臺分頁功能實現

1.必須先完成業務層元件,保證後臺測試通過。
2.遵循 MVC 思想。
3.瀏覽器發出分頁請求引數(去往第幾頁/每頁多少條資料),在 Servlet 中接收這些引數,並封裝
4.到 QueryObject 物件,呼叫 Service 中分頁查詢方法(query)。
5.把得到的分頁查詢結果物件(PageResult)共用在請求作用域中,跳轉到 JSP,顯示即可。
6.修改 JSP 頁面,編寫出分頁條資訊(分頁條中的資訊來源於 PageResult 物件)。

修改ProductServlet.java和展示jsp

1.獲取頁面請求引數,判斷是查詢操作,呼叫查詢方法,獲取分頁引數
2.將引數封裝成查詢物件QueryObject
3.呼叫業務層方法查詢某一頁資料
4.將查詢出來的結果存到作用域中
5.轉發到展示頁面jsp
6.在jsp從作用域中將結果取出來響應到瀏覽器

//建立業務層物件
private IProductService productService = new ProductServiceImpl();

protected void list(HttpServletRequest req, HttpServletResponse resp) throws
ServletException, IOException {
    QueryObject qo = new QueryObject();
    // 獲取請求引數 currentPage,並轉型封裝
    String currentPage = req.getParameter("currentPage");
    if(StringUtil.hasLength(currentPage)) {
        qo.setCurrentPage(Integer.valueOf(currentPage));
    }
    // 獲取請求引數 pageSize,並轉型封裝
    String pageSize = req.getParameter("pageSize");
    if(StringUtil.hasLength(pageSize)) {
        qo.setPageSize(Integer.valueOf(pageSize));
    }
    // 呼叫業務層方法來處理請求查詢某一頁資料
    PageResult<Product> pageResult = productService.query(qo);
    // 把資料共用給 list.jsp
    req.setAttribute("pageResult", pageResult);
    // 控制跳轉到 list.jsp 頁面
    req.getRequestDispatcher("/WEB-INF/views/product/list.jsp").forward(req,
    resp);
}

修改jsp檔案,使用JSTL+EL獲取作用域中的資料

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head>
        <title>產品列表</title>
        <script type="text/javascript">
            window.onload = function () {
                var trClzs = document.getElementsByClassName("trClassName");
                for(var i = 0; i < trClzs.length; i++){
                    trClzs[i].onmouseover = function () {
                        console.log(1);
                        this.style.backgroundColor = "gray";
                    }
                    trClzs[i].onmouseout = function () {
                        console.log(2);
                        this.style.backgroundColor = "";
                    }
                }
            }
            // 分頁 JS
            function changePageSize() {
                document.forms[0].submit();
            }
        </script>
    </head>
    <body>
        <a href="/replaceImg.jsp" rel="external nofollow" ><img src="${USER_IN_SESSION.headImg}" title="更換頭
        像"/></a><br/>
        <a href="/product?cmd=input" rel="external nofollow" >新增</a>
        <form action="/product">
            <table border="1" cellspacing="0" cellpadding="0" width="80%">
                <tr>
                    <th>編號</th>
                    <th>貨品名</th>
                    <th>分類編號</th>
                    <th>零售價</th>
                    <th>供應商</th>
                    <th>品牌</th>
                    <th>折扣</th>
                    <th>進貨價</th>
                    <th>操作</th>
                </tr>
                <c:forEach var="product" items="${pageResult.data}" varStatus="status">
                    <tr class="trClassName">
                        <td>${status.count}</td>
                        <td>${product.productName}</td>
                        <td>${product.dir_id}</td>
                        <td>${product.salePrice}</td>
                        <td>${product.supplier}</td>
                        <td>${product.brand}</td>
                        <td>${product.cutoff}</td>
                        <td>${product.costPrice}</td>
                        <td>
                            <a href="/product?cmd=delete&id=${product.id}" rel="external nofollow" >刪除</a>
                            <a href="/product?cmd=input&id=${product.id}" rel="external nofollow" >修改</a>
                        </td>
                    </tr>
                </c:forEach>
                <tr align="center">
                    <td colspan="9">
                        <a href="/product?currentPage=1" rel="external nofollow" >首頁</a>
                        <a href="/product?currentPage=${pageResult.prevPage}" rel="external nofollow" >上一頁</a>
                        <a href="/product?currentPage=${pageResult.nextPage}" rel="external nofollow" >下一頁</a>
                        <a href="/product?currentPage=${pageResult.totalPage}" rel="external nofollow" >尾頁</a>
                        當前第 ${pageResult.currentPage} / ${pageResult.totalPage} 頁
                        一共 ${pageResult.totalCount} 條資料
                        跳轉到<input type="number" onchange="changePageSize()"
                        name="currentPage" value="${pageResult.currentPage}" style="width: 60px;"頁
                        每頁顯示
                        <select name="pageSize" onchange="changePageSize()">
                            <option value="3" ${pageResult.pageSize == 3 ? 'selected' : ''}> 3 </option>
                            <option value="5" ${pageResult.pageSize == 5 ? 'selected' : ''}> 5 </option>
                            <option value="8" ${pageResult.pageSize == 8 ? 'selected' : ''}> 8 </option>
                        </select>條資料
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

常見問題

若開始翻頁操作成功,翻了幾頁不能翻了,只能重啟tomcat才能翻,問題: DAO中沒有關閉SqlSession物件

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援it145.com。


IT145.com E-mail:sddin#qq.com