JSP中實現像Google和百度一樣的分頁效果

2024-09-05 00:08:43

字體：大中小

來源：轉載

供稿：網友

百度和Google的分頁效果非常好，本文就介紹了具體的實現效果。像百度一樣的jsp分頁效果，像goolge一樣的分頁效果！根據設定參數一次取一頁記錄內容顯示處：

<%@ page language="java" pageEncoding="GB2312"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">

        <title>仿BAIDU & GOOGLE 分頁頁碼顯示格式</title>
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <style>
        
        </style>
    </head>

    <body>
        <div class="p">
            <%
                int pagesize = 10;//每頁顯示記錄數
                int liststep = 20;//最多顯示分頁頁數
                int pages = 1;//默認顯示第一頁
                if (request.getParameter("pages") != null) {
                    pages = Integer.parseInt(request.getParameter("pages"));//分頁頁碼變量
                }
                //sql="select count(*) from table";//取出記錄總數,把*換成記錄名性能更加
                int count = 305;//假設取出記錄總數
                int pagescount = (int) Math.ceil((double) count / pagesize);//求總頁數，ceil（num）取整不小于num
                if (pagescount < pages) {
                    pages = pagescount;//如果分頁變量大總頁數，則將分頁變量設計為總頁數
                }
                if (pages < 1) {
                    pages = 1;//如果分頁變量小于１,則將分頁變量設為１
                }
                int listbegin = (pages - (int) Math.ceil((double) liststep / 2));//從第幾頁開始顯示分頁信息
                if (listbegin < 1) {
                    listbegin = 1;
                }
                int listend = pages + liststep/2;//分頁信息顯示到第幾頁
                if (listend > pagescount) {
                    listend = pagescount + 1;
                }

                //顯示數據部分
                int recordbegin = (pages - 1) * pagesize;//起始記錄
                int recordend = 0;
                recordend = recordbegin + pagesize;
                //最后一頁記錄顯示處理
                if (pages == pagescount) {
                    recordend = (int) (recordbegin + pagesize * (count % pagesize) * 0.1);
                }
                //Connection conn = null;//要測試顯示數據請自己鏈接數據庫
                //PreparedStatement stmt = null;
                //String strSql = "select * from usertable limit recordbegin,pagesize";//取出分頁記錄,SQL因數據庫而異！
                //stmt = conn.prepareStatement(strSql);
                //ResultSet rs = stmt.executeQuery();
                //while(rs.next())){
                //    response.getWriter().println(""+rs.getString("userId")+"<br>");//顯示取出的數據
                //}
                for (int i = recordbegin; i < recordend; i++) {
                    response.getWriter().println("record " + i + "<br>");
                }

                //顯示數據部分

                //<顯示分頁信息
                //<顯示上一頁
                if (pages > 1) {
                    response.getWriter().println(
                    "<a href=?pages=" + (pages - 1) + ">上一頁</a>");
                }//>顯示上一頁
                //<顯示分頁碼
                for (int i = listbegin; i < listend; i++) {
                    if (i != pages) {//如果i不等于當前頁
                        response.getWriter().println(
                        "<a href=?pages=" + i + ">[" + i + "]</a>");
                    } else {
                        response.getWriter().println("[" + i + "]");
                    }
                }//顯示分頁碼>
                //<顯示下一頁
                if (pages != pagescount) {
                    response.getWriter().println(
                    "<a href=?pages=" + (pages + 1) + ">下一頁</a>");
                }//>顯示下一頁
                //>顯示分頁信息
            %>
        </div>
    </body>
</html>