ASP.NET利用存储过程实现分页
2023-03-14 22:47:41 时间
首先说下思路,写一个存储过程,我也找了一个存储过程,不过不是我写的,出处:http://www.cnblogs.com/zhongweiv/archive/2011/10/31/JqueryPagination.html 这是一个通过jqurey+ajax实现无刷新分页的例子,应该也不错,因为有的时候要无刷新嘛,我用的存储过程就是从那里copy来的,但是我看了58.com还有一些其他的一些网站信息分页都不会通过无刷新的,所以我特地的写了一个有刷新的分页的方法,好了,先写一个存储过程,然后就是通过div+css来布局点页码传到该页面的参数的值了,思路是通过用StringBuilder类后台布局div以实现动态的页码,然后通过页码调用存储过程,得到相应的信息,***就是一些细节了,不断的运行调试找出BUG并改正。
一、首先看下页面前台代码
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Page.aspx.cs" Inherits="Jquery.Page"%>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title>Tandy Tang有刷新分页...</title>
- <style type="text/css">
- /*分页部分 start*/
- ul
- {
- margin:0px;
- padding:0px;
- }
- .page
- {
- width:700px;
- background-color:#ffffff;
- height:50px;
- margin-top:15px;
- }
- .page ul li
- {
- float:left;
- display:block;
- width:28px;
- height:23px;
- text-align:center;
- margin-left:1px;
- vertical-align:middle;
- border-style:solid;
- border-width:1px;
- border-color:#b1add0;
- }
- .page ul li span
- {
- display:block;
- width:28px;
- height:23px;
- background-color:#2d8da3;
- }
- .page ul li span a
- {
- color:#ffffff;
- }
- .page ul li a
- {
- display:block;
- width:28px;
- height:19px;
- text-decoration:none;
- color:#354c7e;
- font-size:12px;
- vertical-align:middle;
- padding-top:4px;
- }
- .page ul li a:hover
- {
- background-color:#2d8da3;
- display:block;
- width:28px;
- height:19px;
- }
- .page .point
- {
- background-color:#ffffff;
- width:20px;
- height:24px;
- display:block;
- border-style:solid;
- border-width:0px;
- border-color:#ffffff;
- }
- .page .pre
- {
- width:48px;
- height:22px;
- display:block;
- text-align:center;
- border-style:solid;
- border-width:1px;
- border-color:#b1add0;
- }
- .page .pre a:hover
- {
- background-color:#2d8da3;
- display:block;
- width:48px;
- height:19px;
- }
- .page .next
- {
- width:48px;
- height:22px;
- display:block;
- text-align:center;
- border-style:solid;
- border-width:1px;
- border-color:#b1add0;
- }
- .page .next a:hover
- {
- background-color:#2d8da3;
- display:block;
- width:48px;
- height:19px;
- }
- /*分页部分 end*/
- /*内容部分 start*/
- .content
- {
- width:700px;
- height:120px;
- border-style:solid;
- border-width:1px;
- border-color:#333333;
- margin-bottom:10px;
- }
- .content_left
- {
- width:98px;
- height:118px;
- border-style:solid;
- border-width:1px;
- border-color:#333333;
- float:left;
- font-size:12px;
- }
- .content_right
- {
- margin-left:10px;
- width:588px;
- height:118px;
- border-style:solid;
- border-width:1px;
- border-color:#0000ff;
- float:left;
- }
- /*内容部分 end*/
- </style>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
- <asp:Label ID="lbl1" runat="server"></asp:Label><!--放内容-->
- <asp:Label ID="lbl2" runat="server"></asp:Label><!--放页码-->
- </div>
- </form>
- </body>
- </html>
css没有用.css文件写是为了方便,呵呵……
存储过程应该写得很详细了...我就不解释了。这个存储过程的用处很多啊,如果想实现无刷新的分页的话也是可以用的,调用的方法基本一样,大家可以自己试试。
好吧,到这里代码也基本上完成了,我认为主要的还是思路问题,思路有了就好办了,代码如果哪里有误或者有哪些更好的解决方案,请告诉我啊,一定虚心学习哈。下面看下效果图吧!效果图如下:
【编辑推荐】
相关文章
- 宣布推出适用于 .NET 的移植助手
- AWS 加入 .NET 基金会
- 全新推出 – 下一代 I/O 优化的 EC2 实例 (I3en)
- 使用 Amazon EBS 优化实例突发功能提高应用程序性能并降低成本
- WPF使用AvalonEdit实现代码高亮显示、搜索、替换功能
- 在 Asp.Net Core 中什么是认证和授权
- WPF中用户控件和自定义控件
- WPF常用UI库和图表库(MahApps、HandyControl、LiveCharts)
- WPF 日期选择器和时间选择器
- WPF-带填充的 WrapPanel
- .Net 7 团队把国内的龙芯确实当做一等公民和弃用的项目
- Android WebView不能加载ajax?加载ajax无效?
- asp.net之treeview无法显示树结点图标(IP与域名的表现竟不一样)
- STM32F401的外部中断EXTI
- 通过ionice和nice降低shell脚本运行的优先级
- SpringMVC的Ajax提交
- CLion + MinGW64配置C语言开发环境 Visual Studio安装
- 2023 年 dotnet 仓库社区年度调查已经开始
- 单片机IO直接驱动继电器,你想多了
- 为什么大家都用三极管来配合单片机IO口驱动负载