熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET利用存儲過程實現分頁

2013-11-13 10:30:06  來源: .NET編程 

  首先說下思路寫一個存儲過程我也找了一個存儲過程不過不是我寫的這是一個通過jqurey+ajax實現無刷新分頁的例子應該也不錯因為有的時候要無刷新嘛我用的存儲過程就是從那裡copy來的但是我看了還有一些其他的一些網站信息分頁都不會通過無刷新的所以我特地的寫了一個有刷新的分頁的方法好了先寫一個存儲過程然後就是通過div+css來布局點頁碼傳到該頁面的參數的值了思路是通過用StringBuilder類後台布局div以實現動態的頁碼然後通過頁碼調用存儲過程得到相應的信息最後就是一些細節了不斷的運行調試找出BUG並改正
   
    一首先看下頁面前台代碼
   
    <%@
   
    Page Language=C# AutoEventWireup=true CodeBehind=Pageaspxcs Inherits=JqueryPage%>
   
    <!DOCTYPE html PUBLIC //WC//DTD XHTML Transitional//EN <head runat=server>
   
    <title>Tandy Tang有刷新分頁…</title>
   
    <style type=text/css>
   
    /*分頁部分 start*/
   
    ul
   
    {
   
    margin:px;
   
    padding:px;
   
    }
   
    page
   
    {
   
    width:px;
   
    backgroundcolor:#ffffff;
   
    height:px;
   
    margintop:px;
   
    }
   
    page ul li
   
    {
   
    float:left;
   
    display:block;
   
    width:px;
   
    height:px;
   
    textalign:center;
   
    marginleft:px;
   
    verticalalign:middle;
   
    borderstyle:solid;
   
    borderwidth:px;
   
    bordercolor:#badd;
   
    }
   
    page ul li span
   
    {
   
    display:block;
   
    width:px;
   
    height:px;
   
    backgroundcolor:#dda;
   
    }
   
    page ul li span a
   
    {
   
    color:#ffffff;
   
    }
   
    page ul li a
   
    {
   
    display:block;
   
    width:px;
   
    height:px;
   
    textdecoration:none;
   
    color:#ce;
   
    fontsize:px;
   
    verticalalign:middle;
   
    paddingtop:px;
   
    }
   
    page ul li a:hover
   
    {
   
    backgroundcolor:#dda;
   
    display:block;
   
    width:px;
   
    height:px;
   
    }
   
    page point
   
    {
   
    backgroundcolor:#ffffff;
   
    width:px;
   
    height:px;
   
    display:block;
   
    borderstyle:solid;
   
    borderwidth:px;
   
    bordercolor:#ffffff;
   
    }
   
    page pre
   
    {
   
    width:px;
   
    height:px;
   
    display:block;
   
    textalign:center;
   
    borderstyle:solid;
   
    borderwidth:px;
   
    bordercolor:#badd;


   
    }
   
    page pre a:hover
   
    {
   
    backgroundcolor:#dda;
   
    display:block;
   
    width:px;
   
    height:px;
   
    }
   
    page next
   
    {
   
    width:px;
   
    height:px;
   
    display:block;
   
    textalign:center;
   
    borderstyle:solid;
   
    borderwidth:px;
   
    bordercolor:#badd;
   
    }
   
    page next a:hover
   
    {
   
    backgroundcolor:#dda;
   
    display:block;
   
    width:px;
   
    height:px;
   
    }
   
    /*分頁部分 end*/
   
    /*內容部分 start*/
   
   ntent
   
    {
   
    width:px;
   
    height:px;
   
    borderstyle:solid;
   
    borderwidth:px;
   
    bordercolor:#;
   
    marginbottom:px;
   
    }
   
   ntent_left
   
    {
   
    width:px;
   
    height:px;
   
    borderstyle:solid;
   
    borderwidth:px;
   
    bordercolor:#;
   
    float:left;
   
    fontsize:px;
   
    }
   
   ntent_right
   
    {
   
    marginleft:px;
   
    width:px;
   
    height:px;
   
    borderstyle:solid;
   
    borderwidth:px;
   
    bordercolor:#ff;
   
    float:left;
   
    }
   
    /*內容部分 end*/
   
    </style> </head> <body>
   
    <form id=form runat=server>
   
    <div>
   
    <asp:Label ID=lbl runat=server></asp:Label><!放內容>
   
    <asp:Label ID=lbl runat=server></asp:Label><!放頁碼>
   
    </div>
   
    </form> </body> </html>
   
    css沒有用css文件寫是為了方便呵呵……
   
    存儲過程應該寫得很詳細了…我就不解釋了這個存儲過程的用處很多啊如果想實現無刷新的分頁的話也是可以用的調用的方法基本一樣大家可以自己試試
   
    好吧到這裡代碼也基本上完成了我認為主要的還是思路問題思路有了就好辦了代碼如果哪裡有誤或者有哪些更好的解決方案請告訴我啊一定虛心學習哈下面看下效果圖吧!效果圖如下

  


From:http://tw.wingwit.com/Article/program/net/201311/13837.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.