<em>Mac</em>Book项目 2009年学校开始实施<em>Mac</em>Book项目,所有师生配备一本<em>Mac</em>Book,并同步更新了校园无线网络。学校每周进行电脑技术更新,每月发送技术支持资料,极大改变了教学及学习方式。因此2011
2021-06-01 09:32:01
分頁查詢將資料庫中龐大的資料分段顯示,每頁顯示使用者自定義的行數,提高使用者體驗度,最主要的是如果一次性從伺服器磁碟中讀出全部資料到記憶體,有記憶體溢位的風險
假分頁: 其原理還是將所有的資料讀到記憶體中,翻頁從記憶體中讀取資料, 優點: 實現簡單,效能高 缺點:如果資料大容易造成記憶體溢位
真分頁: 每次翻頁從資料庫查詢資料(即磁碟) , 優點 : 不容易造成記憶體溢位 缺點: 實現複雜,效能相對低一些
一般分頁的功能包括: 首頁 上一頁 下一頁 末頁 當前是多少頁 總共多少頁 一共多少行資料 跳轉到第幾頁 每頁多少條資料 我們需要將這個資料查詢出來封裝到一個物件中,體現了封裝思想,也節省了很多複雜程式碼
分頁需要傳遞的引數
需要使用者傳入的引數:
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。
相關文章
<em>Mac</em>Book项目 2009年学校开始实施<em>Mac</em>Book项目,所有师生配备一本<em>Mac</em>Book,并同步更新了校园无线网络。学校每周进行电脑技术更新,每月发送技术支持资料,极大改变了教学及学习方式。因此2011
2021-06-01 09:32:01
综合看Anker超能充系列的性价比很高,并且与不仅和iPhone12/苹果<em>Mac</em>Book很配,而且适合多设备充电需求的日常使用或差旅场景,不管是安卓还是Switch同样也能用得上它,希望这次分享能给准备购入充电器的小伙伴们有所
2021-06-01 09:31:42
除了L4WUDU与吴亦凡已经多次共事,成为了明面上的厂牌成员,吴亦凡还曾带领20XXCLUB全队参加2020年的一场音乐节,这也是20XXCLUB首次全员合照,王嗣尧Turbo、陈彦希Regi、<em>Mac</em> Ova Seas、林渝植等人全部出场。然而让
2021-06-01 09:31:34
目前应用IPFS的机构:1 谷歌<em>浏览器</em>支持IPFS分布式协议 2 万维网 (历史档案博物馆)数据库 3 火狐<em>浏览器</em>支持 IPFS分布式协议 4 EOS 等数字货币数据存储 5 美国国会图书馆,历史资料永久保存在 IPFS 6 加
2021-06-01 09:31:24
开拓者的车机是兼容苹果和<em>安卓</em>,虽然我不怎么用,但确实兼顾了我家人的很多需求:副驾的门板还配有解锁开关,有的时候老婆开车,下车的时候偶尔会忘记解锁,我在副驾驶可以自己开门:第二排设计很好,不仅配置了一个很大的
2021-06-01 09:30:48
不仅是<em>安卓</em>手机,苹果手机的降价力度也是前所未有了,iPhone12也“跳水价”了,发布价是6799元,如今已经跌至5308元,降价幅度超过1400元,最新定价确认了。iPhone12是苹果首款5G手机,同时也是全球首款5nm芯片的智能机,它
2021-06-01 09:30:45