<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 閱讀(338) 評論(0)  編輯  收藏 所屬分類: Java

    主站蜘蛛池模板: 欧洲美女大片免费播放器视频| 亚洲欧洲日韩在线电影| 免费中文熟妇在线影片| 国产大片线上免费观看| 四虎影视永久免费视频观看| 激情五月亚洲色图| 国产精品免费久久久久久久久 | jjizz全部免费看片| 亚洲精品中文字幕乱码影院| AV激情亚洲男人的天堂国语| 天堂在线免费观看| A级毛片内射免费视频| 亚洲伊人久久精品| 毛片A级毛片免费播放| 国产亚洲欧美日韩亚洲中文色| 国产免费av片在线播放| 黄色三级三级三级免费看| 狠狠亚洲狠狠欧洲2019| 亚洲色偷偷综合亚洲av78| 永久免费A∨片在线观看| 亚洲91av视频| 国产免费不卡视频| 亚洲精品乱码久久久久久| 国产成年无码久久久免费| 亚洲人成网址在线观看| 69堂人成无码免费视频果冻传媒| 亚洲国产精品综合久久20| 国产一区二区视频免费| 视频免费在线观看| 亚洲狠狠狠一区二区三区| 男女交性永久免费视频播放| 一级毛片免费一级直接观看| 永久黄网站色视频免费观看| 污污视频网站免费观看| 亚洲国产成人久久综合一| 毛片免费观看的视频| 成年网在线观看免费观看网址| 日本特黄特色aa大片免费| 中文有码亚洲制服av片| 亚洲第一成人影院| 最近免费中文字幕mv在线电影|