<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

    主站蜘蛛池模板: 亚洲日本va午夜中文字幕久久| 黄色网址免费观看| 国产成人免费A在线视频| 久久精品国产亚洲AV忘忧草18 | 日本中文字幕免费高清视频| 亚洲一区二区精品视频| 国产免费牲交视频免费播放| 亚洲一区二区三区偷拍女厕 | 成年大片免费视频播放一级| 免费一看一级毛片全播放| 美女被免费视频网站a| 免费在线观看黄色毛片| 一个人看的免费观看日本视频www 一个人看的免费视频www在线高清动漫 | 男男AV纯肉无码免费播放无码| 亚洲乱码一区二区三区国产精品| 性感美女视频在线观看免费精品 | 久久夜色精品国产亚洲AV动态图| 一级做a爰全过程免费视频| 78成人精品电影在线播放日韩精品电影一区亚洲 | 一级毛片免费播放视频| 亚洲AV无码成人精品区在线观看| 67pao强力打造国产免费| 亚洲六月丁香六月婷婷蜜芽| 免费的一级片网站| 色吊丝性永久免费看码| 亚洲va无码专区国产乱码| 99国产精品永久免费视频| 亚洲Aⅴ在线无码播放毛片一线天| 亚洲高清成人一区二区三区| 久久99毛片免费观看不卡| 亚洲毛片在线免费观看| 日本一道本高清免费| 国产一级一毛免费黄片| 亚洲嫩草影院在线观看| 一本久久综合亚洲鲁鲁五月天| 天堂在线免费观看| 四虎必出精品亚洲高清| 亚洲精品乱码久久久久久按摩| 114一级毛片免费| 免费很黄无遮挡的视频毛片| 久久精品国产亚洲AV高清热|