<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Vincent.Chan‘s Blog

    常用鏈接

    統計

    積分與排名

    網站

    最新評論

    關于分頁設計的一些做法

    做web時,經常要面對分頁這一問題,我也不知道究竟哪一種最好,就把想到的列出來:
    第一種:先把所有數據都從服務器端獲取到客戶端,然后在web端進行分頁處理。但是對于一些很大數據量的列表,無疑效率很低的,用戶要等上好久才能見到效果(即使你用AJAX,它只能是用戶避免見到空白頁);但這種做法減少了和服務器的交互。
    第二種:就是通過條件控制,web端僅獲取一頁的數據量,它提高了訪問服務器的效率,速度比較快,但是加大了訪問服務器的頻率。
    我們用的比較多的是第二種。但還有一個問題,分頁的時候,要知道總共的頁數,有兩種做法:
      第一種:在web端調用兩次服務端,一次獲取當前頁的數據,再一次獲取總共的頁數等信息。
      第二種:在服務端包裝數據列表和總共的頁數信息,返回的僅是一個對象,然后到web端進行拆解。
    比方說,用一個VO存放List和totalPage,可以把totalPage存放在另一個VO中,以便于以后的擴展。

    不同的數據庫有不同的專業分頁語句。我們最常用的是oracle(參考hibernate):

    public String getLimitString(String sql) {
      StringBuffer pagingSelect = new StringBuffer(100);
      pagingSelect.append("select * from ( select row_.*, rownum rownum_ from ( ");
      pagingSelect.append(sql);
      pagingSelect.append(" ) row_ where rownum <= ?) where rownum_ > ?");
      return pagingSelect.toString();
    }

    MySql中的:

    public String getLimitString(String sql) {
      StringBuffer pagingSelect = new StringBuffer(100);
      pagingSelect.append(sql);
      pagingSelect.append(" limit ?, ?");
      return pagingSelect.toString();
    }

    下面是jsp中的一些分頁代碼(采用第二種):

    <script language="JavaScript">
    //實現分頁功能 示例
    //  function forwardpage(page)
    //    {
    //        window.location="<!--%=request.getContextPath()%-->/.do?op=&cp="+page;//    }
        function selectPage(){
          var thePage = document.all("spage").value;
          if(thePage<1){
            alert("請選擇一頁!");
          }else{
            turnToPage(thePage);
          }
        }
    </script>
     <%
         String totalPage = (String) request.getAttribute("totalPage");
         String currentNum = request.getParameter("cp");
         int cp = 0;
         int pageNum = 0;
         if(totalPage==null||totalPage.equals("")){
           totalPage = "10";
         }
         pageNum = Integer.parseInt(totalPage);
         if(currentNum == null || currentNum.trim().equals("")){
           cp = 1;
         }else{
           cp = Integer.parseInt(currentNum);
         }
         currentNum = null;
         totalPage = null;
    %>

    <table width="100%" border="0">
       <tr>
          <td>共<%=pageNum%>頁</td>
          <td></td>
      <% if(cp == 1){ %>
          <td  width="30" align="center" align="center"><IMG alt=第一頁
                                src="<%=request.getContextPath()%/public/images/splitpage/unfirstpg.gif"></td>

          <td  width="20" align="center"><IMG
                                alt=上一頁 src="<%=request.getContextPath()%>/public/images/splitpage/unpreviouspg.gif">
          </td>
      <%
        }
        else
        {
      %>
          <td  width="20" align="center"><IMG alt=第一頁
                                src="<%=request.getContextPath()%>/public/images/splitpage/firstpg.gif" onclick="forwardpage('1')" style="cursor:hand"></td>

          <td width="20" align="center"><IMG
                                alt=上一頁 src="<%=request.getContextPath()%>/public/images/splitpage/previouspg.gif" onclick="forwardpage('<%=cp-1%>')" style="cursor:hand">
          </td>
       <%
        }

        if(cp == pageNum){
      %>

          <td  width="20" align="right"><IMG  alt=下一頁
                                src="<%=request.getContextPath()%>/public/images/splitpage/unnextpg.gif">
          </td>

          <td  width="20" align="right"><IMG  alt=最后一頁
                                src="<%=request.getContextPath()%>/public/images/splitpage/unlastpg.gif"></td>

      <% }
         else{
      %>

          <td width="20" align="right"><IMG  alt=下一頁
                                src="<%=request.getContextPath()%>/public/images/splitpage/nextpg.gif" onclick="forwardpage('<%=cp+1%>')" style="cursor:hand">
          </td>

          <td class="redbutton" width="20" align="right"><IMG  alt=最后一頁
                                src="<%=request.getContextPath()%>/public/images/splitpage/lastpg.gif" onclick="forwardpage('<%=pageNum%>')" style="cursor:hand"></td>

      <%   }   %>

          <td  width="20">&nbsp;</td>
          <td>跳轉到<select name="spage" onchange="selectPage()"><%
             for(int pi=1;pi<=pageNum;pi++){
               %>
               <option value="<%=pi%>"><%=pi%></option>
               <%
             }
          %></select>頁</td>
       </tr>
    </table>

    posted on 2006-02-14 20:57 Vincent.Chen 閱讀(336) 評論(0)  編輯  收藏 所屬分類: Java

    主站蜘蛛池模板: 中文字幕亚洲男人的天堂网络| a级亚洲片精品久久久久久久| 色吊丝最新永久免费观看网站| 扒开双腿猛进入爽爽免费视频| 成人免费看片又大又黄| 国产做床爱无遮挡免费视频| 亚洲A丁香五香天堂网| 国产亚洲一区二区手机在线观看 | 亚洲黄色在线观看视频| 亚洲综合亚洲国产尤物| 色婷五月综激情亚洲综合| 国产成人亚洲精品播放器下载| 国产99视频精品免费视频76| 成人无码a级毛片免费| 黄页免费的网站勿入免费直接进入| 最近最好的中文字幕2019免费| 亚洲成A人片在线观看无码3D| 亚洲国产精品无码专区在线观看 | 国产亚洲精品激情都市| 亚洲网站在线免费观看| 国产成人亚洲精品无码AV大片| 国内精品免费在线观看| 免费看a级黄色片| 国产亚洲人成网站观看| 亚洲日韩精品无码AV海量| 中文字幕a∨在线乱码免费看| 亚洲一区免费视频| 亚洲夜夜欢A∨一区二区三区| 亚洲乱码一二三四区麻豆| 久久九九免费高清视频| 青青青青青青久久久免费观看| 亚洲av无码一区二区乱子伦as| 精品国产日韩久久亚洲| 免费无码VA一区二区三区| 亚洲Aⅴ无码一区二区二三区软件| 久久综合亚洲色HEZYO社区| 国产成人无码精品久久久久免费| 波多野结衣免费在线| 亚洲成a人片77777老司机| 久久久精品国产亚洲成人满18免费网站| 毛片免费全部播放一级|