C#-WebForm-★★★ 分页展示 ★★★
什么是“分页展示”？
分页展示就是将庞大的数据分成若干页，每页展示若干条数据，向用户展示数据
流程：客户端浏览器向服务器发送查询请求 → 服务器从数据库查询数据 → 服务器转换成代码向客户端发回 → 客户端浏览器编译代码进行展示
每次查询全部数据时，服务器查询数据量大、网络传输数据了量大、浏览器编译代码数据量大，造成速度缓慢
分页展示优势：减少查询量，以减少发送、查询、返回、编译时间，提供工作效率
====================================================
从数据库查询Car表中所有信息进行展示，并做功能性按钮如下：
前台代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<form id="form1" runat="server"> <%--信息展示区--%>
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table style="width:100%;text-align:center;">
<tr style="background-color:navy;color:white;">
<td>Code</td>
<td>Name</td>
<td>Brand</td>
<td>Time</td>
<td>Oil</td>
<td>Powers</td>
<td>Exhaust</td>
<td>Price</td>
<td>Pic</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr style="background-color:paleturquoise;">
<td><%#Eval("Code") %></td>
<td><%#Eval("Code") %></td>
<td><%#Eval("Brand") %></td>
<td><%#Eval("Time") %></td>
<td><%#Eval("Oil") %></td>
<td><%#Eval("Powers") %></td>
<td><%#Eval("Exhaust") %></td>
<td><%#Eval("Price") %></td>
<td><%#Eval("Pic") %></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
<%--功能区--%>
当前第【<asp:Label ID="Label_NowPage" runat="server" Text=""></asp:Label>】页
共【<asp:Label ID="Label_MaxPage" runat="server" Text="加载中..."></asp:Label>】页
<asp:LinkButton ID="btn_First" runat="server">首页</asp:LinkButton>
<asp:LinkButton ID="btn_prev" runat="server">上一页</asp:LinkButton>
<asp:LinkButton ID="btn_next" runat="server">下一页</asp:LinkButton>
<asp:LinkButton ID="btn_last" runat="server">末页</asp:LinkButton>
<asp:DropDownList ID="Pages" runat="server"></asp:DropDownList>
<asp:Button ID="btn_go" runat="server" Text="跳转" /> </form>
</body>
</html>
前台代码
此时是所有的数据，共16条信息
1、实现每页展示4信息，共5页
后台代码：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page
{
CarData cd = new CarData();
int Pcount = ;//每页要展示的信息数 protected void Page_Load(object sender, EventArgs e)
{ if (!IsPostBack)
{
//查询所有数据
List<Car> clist = cd.Select(Pcount);
//显示总页数
Label_MaxPage.Text = cd.MaxPageCount(Pcount).ToString();
//Repeater绑定数据
Repeater1.DataSource = clist;
Repeater1.DataBind();
}
}
}
每页显示4条信息
2、实现点击下一页进行信息更换
//下一页
void btn_next_Click(object sender, EventArgs e)
{
int NextPage = Convert.ToInt32(Label_NowPage.Text) + ;
Repeater1.DataSource = cd.Select(Pcount, NextPage);
Repeater1.DataBind();
Label_NowPage.Text = NextPage.ToString();//改变当前页码
}
点击下一页
问题：“下一页”可以无限点击，会超过最大页码
方法：
//下一页
void btn_next_Click(object sender, EventArgs e)
{
int NextPage = Convert.ToInt32(Label_NowPage.Text) + ;
//方法一：如果是最后一页，跳出方法
if (NextPage > cd.MaxPageCount(Pcount))
{
NextPage--;
return;
}
Repeater1.DataSource = cd.Select(Pcount, NextPage);
Repeater1.DataBind(); Label_NowPage.Text = NextPage.ToString();//改变当前页码 }
方法一
//下一页
void btn_next_Click(object sender, EventArgs e)
{
int NextPage = Convert.ToInt32(Label_NowPage.Text) + ; //NowPage += 1;//下一页的页号
Repeater1.DataSource = cd.Select(Pcount, NextPage);
Repeater1.DataBind(); Label_NowPage.Text = NextPage.ToString();//改变当前页码 //方法二：如果是最后一页，使“下一页”不可用
if (NextPage >= cd.MaxPageCount(Pcount))
{
btn_next.Enabled = false;
}
}
方法二
同理设置“上一页”方法
int NextPage = Convert.ToInt32(Label_NowPage.Text) - ;
Repeater1.DataSource = cd.Select(Pcount, NextPage);
Repeater1.DataBind();
Label_NowPage.Text = NextPage.ToString();//改变当前页码
//方法二：如果是第一页，使“上一页”不可用
if (NextPage <= )
{
btn_prev.Enabled = false;
}
上一页
问题：“上一页”初始为不可用，并且当点击“下一页”到最后一页时，“下一页”也变为不可用
方法：只要点击“上一页”，就把“下一页”变为可用，只要点击“下一页”，就把“上一页”变为可用
3、制作“首页”、“末页”功能
//首页
void btn_First_Click(object sender, EventArgs e)
{
Repeater1.DataSource = cd.Select(Pcount, );
Repeater1.DataBind(); Label_NowPage.Text = "";//改变当前页码 //“上一页”按钮变为不可用
btn_prev.Enabled = false; //“下一页”按钮变为可用
btn_next.Enabled = true;
}
首页
//末页
void btn_last_Click(object sender, EventArgs e)
{
Repeater1.DataSource = cd.Select(Pcount, cd.MaxPageCount(Pcount));
Repeater1.DataBind(); Label_NowPage.Text = cd.MaxPageCount(Pcount).ToString();//改变当前页码 //“上一页”按钮变为可用
btn_prev.Enabled = true; //“下一页”按钮变为不可用
btn_next.Enabled = false;
}
末页
4、制作“跳转”功能
（1）页码下拉列表及初始选中项
//页码下拉列表添加数据
for (int i = ; i <= cd.MaxPageCount(Pcount); i++)
{
Pages.Items.Add(i.ToString());
}
//页码下拉列表默认选中“1”
Pages.SelectedValue = "";
页码下拉列表及初始选中项
（2）实现跳转功能
//跳转
void btn_go_Click(object sender, EventArgs e)
{
//获取被选中的页号
int ToPage = Convert.ToInt32(Pages.SelectedValue);
//改变当前页码
Label_NowPage.Text = ToPage.ToString();
//查询并绑定数据
List<Car> lc = cd.Select(Pcount, ToPage);
Repeater1.DataSource = lc;
Repeater1.DataBind(); //首先设置所有按钮可用
btn_prev.Enabled = true;
btn_next.Enabled = true;
//若是首页或末页则设置“上一页”、“下一页”按钮不可用
if (Pages.SelectedValue == "")
btn_prev.Enabled = false;
if (Pages.SelectedValue == cd.MaxPageCount(Pcount).ToString())
btn_next.Enabled = false;
}
跳转功能
（3）实现点击“首页”、“上一页”、“下一页”、“末页”时页码下拉列表跟随改变
===================================================
后台代码：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page
{
CarData cd = new CarData();
int Pcount = ;//每页要展示的信息数
//int NowPage = 1;//首次展示为第一页 protected void Page_Load(object sender, EventArgs e)
{ if (!IsPostBack)
{
//查询前五条数据
List<Car> clist = cd.Select(Pcount, ); //Repeater绑定数据
Repeater1.DataSource = clist;
Repeater1.DataBind(); //显示总页数
Label_MaxPage.Text = cd.MaxPageCount(Pcount).ToString();
//设置初始“上一页”不可用
btn_prev.Enabled = false; //页码下拉列表添加数据
for (int i = ; i <= cd.MaxPageCount(Pcount); i++)
{
Pages.Items.Add(i.ToString());
}
//页码下拉列表默认选中“1”
Pages.SelectedValue = "";
} btn_First.Click += btn_First_Click;//首页
btn_prev.Click += btn_prev_Click;//上一页
btn_next.Click += btn_next_Click;//下一页
btn_last.Click += btn_last_Click;//末页
btn_go.Click += btn_go_Click;//跳至
}
//首页
void btn_First_Click(object sender, EventArgs e)
{
Repeater1.DataSource = cd.Select(Pcount, );
Repeater1.DataBind(); //改变当前页码
Label_NowPage.Text = "";
//改变页码下拉列表的选中项
Pages.SelectedValue = Label_NowPage.Text; //“上一页”按钮变为不可用
btn_prev.Enabled = false; //“下一页”按钮变为可用
btn_next.Enabled = true;
}
//上一页
void btn_prev_Click(object sender, EventArgs e)
{
int NextPage = Convert.ToInt32(Label_NowPage.Text) - ; Repeater1.DataSource = cd.Select(Pcount, NextPage);
Repeater1.DataBind(); //改变当前页码
Label_NowPage.Text = NextPage.ToString();
//改变页码下拉列表的选中项
Pages.SelectedValue = Label_NowPage.Text; //方法二：如果是第一页，使“上一页”不可用
if (NextPage <= )
{
btn_prev.Enabled = false;
} //“下一页”按钮变为可用
btn_next.Enabled = true;
}
//下一页
void btn_next_Click(object sender, EventArgs e)
{
int NextPage = Convert.ToInt32(Label_NowPage.Text) + ; ////方法一：如果是最后一页，则跳出方法
//if (NextPage > cd.MaxPageCount(Pcount))
//{
// NextPage--;
// return;
//} //NowPage += 1;//下一页的页号
Repeater1.DataSource = cd.Select(Pcount, NextPage);
Repeater1.DataBind(); //改变当前页码
Label_NowPage.Text = NextPage.ToString();
//改变页码下拉列表的选中项
Pages.SelectedValue = Label_NowPage.Text; //方法二：如果是最后一页，使“下一页”不可用
if (NextPage >= cd.MaxPageCount(Pcount))
{
btn_next.Enabled = false;
} //“上一页”按钮变为可用
btn_prev.Enabled = true;
}
//末页
void btn_last_Click(object sender, EventArgs e)
{
Repeater1.DataSource = cd.Select(Pcount, cd.MaxPageCount(Pcount));
Repeater1.DataBind(); //改变当前页码
Label_NowPage.Text = cd.MaxPageCount(Pcount).ToString();
//改变页码下拉列表的选中项
Pages.SelectedValue = Label_NowPage.Text; //“上一页”按钮变为可用
btn_prev.Enabled = true; //“下一页”按钮变为不可用
btn_next.Enabled = false;
}
//跳转
void btn_go_Click(object sender, EventArgs e)
{
//获取被选中的页号
int ToPage = Convert.ToInt32(Pages.SelectedValue);
//改变当前页码
Label_NowPage.Text = ToPage.ToString();
//查询并绑定数据
List<Car> lc = cd.Select(Pcount, ToPage);
Repeater1.DataSource = lc;
Repeater1.DataBind(); //首先设置所有按钮可用
btn_prev.Enabled = true;
btn_next.Enabled = true;
//若是首页或末页则设置“上一页”、“下一页”按钮不可用
if (Pages.SelectedValue == "")
btn_prev.Enabled = false;
if (Pages.SelectedValue == cd.MaxPageCount(Pcount).ToString())
btn_next.Enabled = false;
} }
后台代码
C#-WebForm-★★★ 分页展示 ★★★的更多相关文章
- Java Web中将oracle的数据库内容以表格形式展现到页面中（分页展示）
分页SQL语句: ----分页显示 select * from (select rownum as r,t.* from () ; 查询的结果如下: 这个SQL,使用了三层嵌套的查询方式: 1)最内层 ...
- Django学习（5）优雅地分页展示网页
在我们平时浏览网页时,经常会遇到网页里条目很多的情形,这时就会用到分页展示的功能.那么,在Django中,是如何实现网页分类的功能的呢?答案是Paginator类. 本次分享讲具体展示如何利用Djan ...
- C#-WebForm-组合查询（Queryable延迟查询、Intersect交集）、分页展示基础
组合查询: 方法一:Queryable<> 延迟查询 其特点是:读到词句代码时不会立即执行,而是在进行数据绑定时执行 优点:此期间可以进行添加查询条件,以减少数据库查询内容,来减少内存占用 ...
- MySQL+Service+Servlet+Jsp实现Table表格分页展示数据
下面以一个示例讲解如何使用MySQL+Service+Servlet+Jsp实现Table表格分页展示数据: eg:请假管理系统 要求如下: 一.打开首页页面, 访问查询请假记录的 servlet , ...
- Decoration4：分页展示
现在我们实现前台List的分页展示,这也是最基本的要求 先看现在的Rest数据格式,在spring的默认返回中,分页用到的元素都已经在page节点中返回了,只要在前台合理利用就足够了 { " ...
- express + jqPaginator 分页展示内容
写在前面的话 分页展示内容也是我们在页面开发中经常会遇到的需求 前端页面利用jqPaginator这个jquery插件来编写 后端利用mysql存储数据 开始敲代码 回顾sql知识 首先让我们回顾一下 ...
- jquery分页展示控件：kkpager
kkpager v1.2 js分页展示控件,传入简单参数就能使用的分页效果控件 准备工作,引入js.css <script type="text/javascript" sr ...
- Application对象、ViewState对象、分页展示--2017年1月4日
Application对象 存储 Application 变量 Application["application名称"] = "application的值"; ...
- ssh整合问题总结--使用HibernateTemplate实现数据分页展示
在进行大量的数据展示时,必须要使用分页查询,第一次使用在SSH框架整合中使用分页查询,遇到了一些问题,下面以我练习的项目为例详细介绍,如何在Spring+hibernate(+action)的环境下完 ...
- 自己动手实现SharePointList的分页展示
SharePoin列表里对条目的展示只有上一页下一页,不能够跳转,不能够一次导航到第一页和最后一页. 项目需要,所以对列表的数据展示进行了定制化开发来实现如上的功能. 前端用GridView展示,用L ...
随机推荐
- python 数据类型---布尔型& 字符串
python数据类型-----布尔型 真或假=>1或0 >>> 1==True True >>> 0==False True python 数据类型----- ...
- 一段良好的程序永远不应该发生panic异常
panic来自被调函数的信号,表示发生了某个已知的bug.一段良好的程序永远不应该发生panic异常 对于大部分程序而言,永远无法保证能够成功运行,因为错误原因往往超出程序员的控制范围.任何进行io操 ...
- Linux安装jdk
查看Java的版本命令:java -version 查看java版本的方法是:运行--->cmd,输入java –version.注意: java命令后是有个空格的,-version表示参数而已 ...
- MongoDB进行MapReduce的数据类型
有很长一段时间没更新博客了,因为最近都比较忙,今天算是有点空闲吧.本文主要是介绍MapReduce在MongoDB上的使用,它与sql的分组.聚集类似,也是先map分组,再用reduce统计,最后还可 ...
- JavaScript 字符串操作
JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...
- jQuery全选、全不选、反选
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script sr ...
- android SQLite数据库总结
SQLite SQLite是一种超轻量级的嵌入式数据库,大小只有几百KB,但是其语法支持标准SQL语法,同时还遵循了数据库的ACID事务,所以学过其他数据库的开发人员都很容易掌握其使用. sql语法就 ...
- Android 5.X新特性之RecyclerView基本解析及无限复用
说到RecyclerView,相信大家都不陌生,它是我们经典级ListView的升级版,升级后的RecyclerView展现了极大的灵活性.同时内部直接封装了ViewHolder,不用我们自己定义Vi ...
- 好玩的Handler
Android提供了Handler和Looper来满足线程间的通信; Handler和Activity的任务栈不同,它是先进先出原则; Handler:你可以构造Handler对象来与Looper沟通 ...
- Android 手机卫士--参照文档编写选择器
本文来实现<Android 手机卫士--导航界面1的布局编写>中的图片选择器部分的代码. 本文地址:http://www.cnblogs.com/wuyudong/p/5944356.ht ...