感謝原文作者:有夢就能實現
原文鏈接:https://www.cnblogs.com/firstdream/p/7732672.html
簡介
在開發過程中,經常做的一件事,也是最基本的事,就是從數據庫中查詢數據,然后在客戶端顯示出來。當數據少時,可以在一個頁面內顯示完成。然而,如果查詢記錄是幾百條、上千條呢?直接一個頁面顯示完全的話,表格得多長啊。。。。。。這時,我們可以用分頁技術。
何為分頁?效果圖如下:
這里總共查詢了100條記錄,如果一次性顯示的話表格會很多行,用戶體驗不佳。而我們采用分頁顯示的話,一頁顯示10條記錄,共十頁。用戶可以自行翻閱,記錄少,清晰顯示。
實現方式
下面談談分頁效果的實現,思路簡單的有三種:
1. 偽分頁(前端JS實現)
一次性查詢記錄並加載到html的table中。然后通過選擇性地顯示某些行來達到分頁顯示的目的。這是一種偽分頁,障眼法而已。只能用於數據少的情況下。一旦數據多了,十幾萬條數據加載到html中會變得很慢。而且不實時,一次加載完后數據就寫死在頁面了,若數據庫中有變化,瀏覽器端顯示的仍是上次加載過來的數據。
2. 邏輯分頁(結果集游標移動)
就是說,我們可以執行一個數據庫查詢操作,得到結果集rs。然后,通過指針的移動來顯示當前頁面的記錄。這樣,就可以以 rs.absolute(當前頁面號*每頁記錄數)定位到當前頁的第一條記錄,然后通過while循環顯示n條記錄(n為每頁顯示記錄數)。在跳頁時,只需修改currentPage,即可在重定位到下一頁時把當前頁面號改掉,重新定位記錄指針,通過while遍歷顯示n條記錄。與JS選擇性顯示不同,這里是選擇性遍歷。與JS分頁不同的是,這里分頁每次跳頁修改的是遍歷的指針,每次跳頁都要進行一次全面查詢。同樣地,不適合大數據量查詢。這里比JS分頁優化的地方在於——實時性。每次跳頁都會查詢一次數據庫,保證數據的實時性。
3. 物理分頁(通過SQL語句)
跳到第n頁才查詢、顯示第n頁內容。要點就是根據客戶端表格的“頁面”計算出數據庫要查詢的當前頁面的第一條記錄的位置。優點:實時性:跳頁才查詢。數據量小:只加載當前頁的記錄進行顯示。只查詢本頁需要的數據。
注意:如果通過該方式實現,不同的數據庫,實現語句可能不同。
比如MySQL:
//查詢得到記錄總條數
select count(*) from table
//查詢從第pageNo條開始的rowsCount條數據
select * from .. limit pageNo,rowsCount
其他數據庫的物理分頁方式語句:
1.oracle數據庫分頁
select * from (select a.*,rownum rc from 表名 where rownum<=endrow) a where a.rc>=startrow
2.DB2數據庫分頁
Select * from (select rownumber() over() as rc,a.* from (select * from 表名 order by列名) as a) where rc between startrow and endrow
3.SQL Server 2000數據庫分頁
Select top pagesize * from 表名 where 列名 not in(select top pagesize*page 列名 from 表名 order by列名) order by列名
4.SQL Server 2005數據庫分頁
Select * from (select 列名,row_number() over(order by 列名1) as 別名from 表名) as t where t.列名1>=startrow and t.列名1<=endrow
5.MySQL數據庫分頁
Select * from 表名 limit startrow,pagesize
(Pagesize為每頁顯示的記錄條數)
6.PostgreSQL數據庫分頁
Select * from 表名 limit pagesize,offset startrow
(Pagesize為每頁顯示的記錄條數)
分頁實現注意點
以上所說的2、3方式,其2方式為所有數據庫通用,畢竟僅靠結果集游標移動,需要注意的地方也就是在Java中創建Statement對象時,需要指定結果集游標是可以移動的。如:connection.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)
ResultSet.TYPE_SCROLL_INSENSITIVE
:表示結果集可滾動。
ResultSet.CONCUR_READ_ONLY
:表示以只讀方式打開結果集。
參數具體怎么用,看具體情況。
以上所說的2、3方式,其3方式,每個數據庫實現的語句不太一樣,畢竟是在數據庫里面篩選結果的。上面已經給出了幾種常用的數據庫語句。
以上所說的2、3方式,都需要獲取兩點:
- 數據總數:計算總頁碼,以及定位。
- 數據:數據顯示
具體實現
1. 偽分頁(前端JS實現)
首先:用table來顯示查詢出來的記錄們,全部顯示。
<table width="500" id="idData">
<%
String user_id, user_name, user_sex, user_phone, user_age;
while (sqlRst.next()) {
user_id = sqlRst.getString(1);
user_name = sqlRst.getString(2);
user_sex = sqlRst.getString(3);
user_phone = sqlRst.getString(4);
user_age = sqlRst.getString(5);
%>
<tr>
<td><%=user_id%></td>
<td><%=user_name%></td>
<td><%=user_sex%></td>
<td><%=user_phone%></td>
<td><%=user_age%></td>
</tr>
<%
}
%>
</table>
<br/>
<table width="60%" align="right">
<tr><td><div id="changePages" name="changePages"></div></td></tr>
</table>
然后,在JS中修改table中某些行顯示,某些行隱藏。
<script type="text/javascript">
function goPage(pno,psize){
var itable = document.getElementById("idData");//獲取table
var num = itable.rows.length;//得到記錄總數
var totalPage = 0;
var pageSize = psize;//一頁顯示pageSize條記錄
//計算總頁數
if(num/pageSize > parseInt(num/pageSize)){
totalPage=parseInt(num/pageSize)+1;
}else{
totalPage=parseInt(num/pageSize);
}
//當前頁數
var currentPage = pno;
//獲取當前頁第一條、最后一條記錄的行號
var startRow = (currentPage - 1) * pageSize+1;
var endRow = currentPage * pageSize;
endRow = (endRow > num)? num : endRow;
//修改table中當前頁對應的行的屬性為顯示,非本頁的記錄為隱藏
for(var i=1;i<(num+1);i++){
var irow = itable.rows[i-1];
if(i>=startRow && i<=endRow){
irow.style.display = "block";
}else{
irow.style.display = "none";
}
}
//分頁頁碼列表
var tempStr = "共"+num+"條記錄 分"+totalPage+"頁 當前第"+currentPage+"頁";
if(currentPage>1){
tempStr += "<a href=\"#\" onClick=\"goPage("+(1)+","+psize+")\">首頁</a>";
tempStr += "<a href=\"#\" onClick=\"goPage("+(currentPage-1)+","+psize+")\"><上一頁</a>"
}else{
tempStr += "首頁";
tempStr += "<上一頁";
}
if(currentPage<totalPage){
tempStr += "<a href=\"#\" onClick=\"goPage("+(currentPage+1)+","+psize+")\">下一頁></a>";
tempStr += "<a href=\"#\" onClick=\"goPage("+(totalPage)+","+psize+")\">尾頁</a>";
}else{
tempStr += "下一頁>";
tempStr += "尾頁";
}
document.getElementById("changePages").innerHTML = tempStr;
}
</script>
2. 邏輯分頁(結果集游標移動)
參考代碼:
<%
int intPageSize = 10; //一頁顯示的記錄數
int intRowCount; //記錄總數
int intPageCount; //總頁數
String strPage; //從表單或URL傳送的待顯示頁碼
int intPage; //待顯示頁碼 ,由strPage轉換成的整數
//---計算記錄總數的第一種方法:查詢出所有記錄,移動結果集指針到最后一條,獲取最后一條記錄的行號
//查詢所有數據
ResultSet sqlRst = sqlStmt.executeQuery("select * from user");
//獲取記錄總數
sqlRst.last(); //光標在最后一行
intRowCount = sqlRst.getRow(); //獲得當前行號,即總記錄數
//記算總頁數
intPageCount = (int)Math.ceil(intRowCount/(intPageSize*1.0));
//將記錄指針定位到待顯示頁的第一條記錄上
sqlRst.absolute((intPage - 1) * intPageSize + 1);
//顯示數據
int i=0;
String user_id, user_name, user_sex, user_phone, user_age;
while (i < intPageSize && !sqlRst.isAfterLast()) {
user_id = sqlRst.getString(1);
user_name = sqlRst.getString(2);
user_sex = sqlRst.getString(3);
user_phone = sqlRst.getString(4);
user_age = sqlRst.getString(5);
%>
<tr>
<td><%=user_id%></td>
<td><%=user_name%></td>
<td><%=user_sex%></td>
<td><%=user_phone%></td>
<td><%=user_age%></td>
</tr>
<%
sqlRst.next();//移動記錄指針指向下一條記錄
i++;//統計當前頁已顯示多少條記錄
}
%>
3. 物理分頁(通過SQL語句)
int pages=0; //待顯示頁面
int count=0; //總條數
int totalpages=0; //總頁數
int limit=10; //每頁顯示記錄條數
//計算記錄總數的第二種辦法:使用mysql的聚集函數count(*)
ResultSet sqlRst = sqlStmt.executeQuery("select count(*) from user");
if(sqlRst.next()){
count = sqlRst.getInt(1);//結果為count(*)表,只有一列。這里通過列的下標索引(1)來獲取值
}
//由記錄總數除以每頁記錄數得出總頁數
totalpages = (int)Math.ceil(count/(limit*1.0));
//獲取跳頁時傳進來的當前頁面參數
String strPage = request.getParameter("pages");
//判斷當前頁面參數的合法性並處理非法頁號(為空則顯示第一頁,小於0則顯示第一頁,大於總頁數則顯示最后一頁)
if (strPage == null) {
pages = 1;
} else {
try{
pages = java.lang.Integer.parseInt(strPage);
}catch(Exception e){
pages = 1;
}
if (pages < 1){
pages = 1;
}
if (pages > totalpages){
pages = totalpages;
}
}
//由(pages-1)*limit算出當前頁面第一條記錄,由limit查詢limit條記錄。則得出當前頁面的記錄
sqlRst = sqlStmt.executeQuery("select * from user order by user_id limit " + (pages - 1) * limit + "," + limit);
while (sqlRst.next()){//遍歷顯示}
跳頁的實現:跳頁是通過重定向來實現的,通過向當前網頁傳進待顯示的pages,在跳轉后根據pages重新算出頁面顯示的第一條,查limit條顯示。
<form name="f1" method="POST" action="index.jsp" onSubmit="return checknum()">
<table border="0" align="center" >
<tr>
<td>第<%=pages%>頁 共<%=totalpages%>頁 <a href="index.jsp?pages=1">首頁</a></td>
<td><a href="index.jsp?pages=<%=(pages<1)?pages:(pages-1) %>"> 上一頁</a></td>
<td><a href="index.jsp?pages=<%=(pages>=totalpages)?totalpages:(pages+1)%>"> 下一頁</a></td>
<td><a href="index.jsp?pages=<%=totalpages%>">最后一頁</a></td>
<td>轉到第:<input type="text" name="page" size="8">頁<input type="submit" value="GO" name="cndok"></td>
</tr>
</table>
</form>
我的具體實現
看了上面大佬的3種分頁方式,我決定采用第3中方式實現分頁,我是用的數據庫為MySQL。
演示站點:http://school.lking.top(后期可能會有所變動)
項目倉庫地址:https://github.com/b84955189/TF-MIS
我的總結腦圖:https://download.csdn.net/download/weixin_43670802/12364091
我將每次分頁查詢的數據包裝成了一個對象,該對象包括:
package top.lking.bean;
import lombok.Data;
import java.util.List;
/** * 分頁Bean * @author Jason * @version 1.0 * @date 4/25/2020 3:16 PM */
@Data
public class Page {
//起始頁碼
private int startPageCount;
//結束頁碼
private int endPageCount;
//當前頁碼
private int currentPageCount;
//數據總量
private int totalData;
//頁面數據查詢方式
private String queryType;
//查詢片段
private String snippet;
//當前頁數據
private List<User> currentPageData;
}
每次跳轉頁面都會從Dao層(有點破壞MVC結構,不過是為了一並返回數據與數據量)返回一個含有數據與數據總量的初始page對象:
@Override
public Page queryAll(String snippet, int currentPageCount) throws SQLException {
Page page=new Page();
List<User> list=new ArrayList<User>();
Connection connection=LoveQQDBUtils.getCon();
//用來計算數據總量
PreparedStatement totalCountPreparedStatement=connection.prepareStatement(R.LoveQQSQLConfig.PRE_LIMIT_QUERY_ALL_USER_COUNT_SQL);
totalCountPreparedStatement.setString(1,"%"+snippet+"%");
ResultSet totalResultSet=totalCountPreparedStatement.executeQuery();
if(totalResultSet.next()){
page.setTotalData(totalResultSet.getInt(1));
}
totalResultSet.close();
totalCountPreparedStatement.close();
//用來查詢數據
PreparedStatement preparedStatement=connection.prepareStatement(R.LoveQQSQLConfig.PRE_LIMIT_QUERY_ALL_USER_SQL);
preparedStatement.setString(1,"%"+snippet+"%");
preparedStatement.setInt(2,(currentPageCount-1)* LoveQQDBControlInterface.SHOW_PAGE_PAGINATION_COUNT);
ResultSet resultSet = preparedStatement.executeQuery();
while(resultSet.next()){
User user=new User();
user.setUser_id(resultSet.getInt(R.LoveQQSQLConfig.USER_ID));
user.setUser_login(resultSet.getString(R.LoveQQSQLConfig.USER_LOGIN));
user.setUser_pass(resultSet.getString(R.LoveQQSQLConfig.USER_PASS));
user.setUser_register_time(resultSet.getTimestamp(R.LoveQQSQLConfig.USER_REGISTER_TIME).toString());
list.add(user);
}
resultSet.close();
preparedStatement.close();
page.setCurrentPageData(list);
return page;
}
然后在Control層再判斷加工一下page對象,返回一個完整的page對象:
@Override
public Page paginationQuery(int sign, String snippet,String currentPageCountString) {
//如果沒有輸入搜索片段---轉發完整數據
if(snippet==null||snippet.trim().equals("")){
snippet="";
}
//*******處理當前頁參數***********
int currentPageCount;
if(currentPageCountString ==null)
currentPageCount=1;
else {
try {
currentPageCount=Integer.parseInt(currentPageCountString);
}catch (Exception e){
currentPageCount=1;
}
}
//*************************
//獲取到當前頁面的數據對象
Page page=this.queryAll(sign,snippet, currentPageCount);
//數據總量
int totalCount=page.getTotalData();
//設置起始頁碼
page.setStartPageCount(1);
//設置當前頁碼--並判斷是否已有頁碼
page.setCurrentPageCount(currentPageCount);
//設置終止頁碼
page.setEndPageCount(totalCount%LoveQQDBControlInterface.SHOW_PAGE_PAGINATION_COUNT==0?totalCount/LoveQQDBControlInterface.SHOW_PAGE_PAGINATION_COUNT:totalCount/LoveQQDBControlInterface.SHOW_PAGE_PAGINATION_COUNT+1);
//標記頁面數據查詢方式-------------后期搜索類型增加,會有所變動
page.setQueryType(R.RequestParamName.TYPE_USER_LOGIN);
//標記查詢片段
page.setSnippet(snippet);
//Test
System.out.println("頁面:"+page);
return page;
}
最后綁定給request(之所以不綁定給其他域對象是為了防止數據過大影響用戶體驗),供顯示頁面調用:
@WebServlet("/search.do")
public class TestSearchServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
Page page=null;
LoveQQDBControl loveQQDBControl = new LoveQQDBControl();
String snippet=request.getParameter(R.RequestParamName.TYPE_USER_LOGIN);
String currentCountString=request.getParameter(R.RequestParamName.PAGE_COUNT);
page=loveQQDBControl.paginationQuery(LoveQQDBControlInterface.LOVE_QQ_USER_TABLE,snippet,currentCountString);
//綁定數據
request.setAttribute(R.RequestParamName.CURRENT_DATA,page);
//轉發至展示頁---注意在服務器內部調用的路徑與瀏覽器調用的路徑問題--下面注釋掉的,在服務器里是錯誤的,注意理解!!!之所以要加contextPath,是為了前端找資源的。
// request.getRequestDispatcher(request.getContextPath()+R.FrontPageNames.SHOW_PAGE).forward(request,response);
request.getRequestDispatcher(R.FrontPageNames.SHOW_PAGE).forward(request,response);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req,resp);
}
}
參考
https://www.cnblogs.com/firstdream/p/7732672.html
https://blog.csdn.net/sinat_34612251/article/details/87620906
https://www.jb51.net/article/34728.htm
https://www.jb51.net/article/72380.htm
https://www.jb51.net/article/86326.htm
https://www.cnblogs.com/zhangyanran/p/10037537.html
https://www.jb51.net/article/86334.htm
https://www.jb51.net/article/86326.htm
https://blog.csdn.net/qq_38977097/article/details/81273814
https://www.iteye.com/blog/lixor-765255