什么是“分页展示”？

分页展示就是将庞大的数据分成若干页，每页展示若干条数据，向用户展示数据

流程：客户端浏览器向服务器发送查询请求 → 服务器从数据库查询数据 → 服务器转换成代码向客户端发回 → 客户端浏览器编译代码进行展示

每次查询全部数据时，服务器查询数据量大、网络传输数据了量大、浏览器编译代码数据量大，造成速度缓慢

分页展示优势：减少查询量，以减少发送、查询、返回、编译时间，提供工作效率

====================================================

从数据库查询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>】页&nbsp;&nbsp;

        共【<asp:Label ID="Label_MaxPage" runat="server" Text="加载中..."></asp:Label>】页&nbsp;&nbsp;

        <asp:LinkButton ID="btn_First" runat="server">首页</asp:LinkButton>&nbsp;&nbsp;

        <asp:LinkButton ID="btn_prev" runat="server">上一页</asp:LinkButton>&nbsp;&nbsp;

        <asp:LinkButton ID="btn_next" runat="server">下一页</asp:LinkButton>&nbsp;&nbsp;

        <asp:LinkButton ID="btn_last" runat="server">末页</asp:LinkButton>&nbsp;&nbsp;

        <asp:DropDownList ID="Pages" runat="server"></asp:DropDownList>&nbsp;&nbsp;

        <asp:Button ID="btn_go" runat="server" Text="跳转" />&nbsp;&nbsp;

    </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-★★★ 分页展示 ★★★的更多相关文章

  1. Java Web中将oracle的数据库内容以表格形式展现到页面中（分页展示）

    分页SQL语句: ----分页显示 select * from (select rownum as r,t.* from () ; 查询的结果如下: 这个SQL,使用了三层嵌套的查询方式: 1)最内层 ...

  2. Django学习（5）优雅地分页展示网页

    在我们平时浏览网页时,经常会遇到网页里条目很多的情形,这时就会用到分页展示的功能.那么,在Django中,是如何实现网页分类的功能的呢?答案是Paginator类. 本次分享讲具体展示如何利用Djan ...

  3. C#-WebForm-组合查询（Queryable延迟查询、Intersect交集）、分页展示基础

    组合查询: 方法一:Queryable<> 延迟查询 其特点是:读到词句代码时不会立即执行,而是在进行数据绑定时执行 优点:此期间可以进行添加查询条件,以减少数据库查询内容,来减少内存占用 ...

  4. MySQL+Service+Servlet+Jsp实现Table表格分页展示数据

    下面以一个示例讲解如何使用MySQL+Service+Servlet+Jsp实现Table表格分页展示数据: eg:请假管理系统 要求如下: 一.打开首页页面, 访问查询请假记录的 servlet , ...

  5. Decoration4：分页展示

    现在我们实现前台List的分页展示,这也是最基本的要求 先看现在的Rest数据格式,在spring的默认返回中,分页用到的元素都已经在page节点中返回了,只要在前台合理利用就足够了 { " ...

  6. express + jqPaginator 分页展示内容

    写在前面的话 分页展示内容也是我们在页面开发中经常会遇到的需求 前端页面利用jqPaginator这个jquery插件来编写 后端利用mysql存储数据 开始敲代码 回顾sql知识 首先让我们回顾一下 ...

  7. jquery分页展示控件：kkpager

    kkpager v1.2 js分页展示控件,传入简单参数就能使用的分页效果控件 准备工作,引入js.css <script type="text/javascript" sr ...

  8. Application对象、ViewState对象、分页展示--2017年1月4日

    Application对象 存储 Application 变量  Application["application名称"] = "application的值"; ...

  9. ssh整合问题总结--使用HibernateTemplate实现数据分页展示

    在进行大量的数据展示时,必须要使用分页查询,第一次使用在SSH框架整合中使用分页查询,遇到了一些问题,下面以我练习的项目为例详细介绍,如何在Spring+hibernate(+action)的环境下完 ...

  10. 自己动手实现SharePointList的分页展示

    SharePoin列表里对条目的展示只有上一页下一页,不能够跳转,不能够一次导航到第一页和最后一页. 项目需要,所以对列表的数据展示进行了定制化开发来实现如上的功能. 前端用GridView展示,用L ...

随机推荐

  1. 如何写出安全的API接口？接口参数加密签名设计思路

    开发中经常用到接口,尤其是在面向服务的soa架构中,数据交互全是用的接口. 几年以前我认为,我写个接口,不向任何人告知我的接口地址,我的接口就是安全的,现在回想真是too young,too simp ...

  2. 《连载 | 物联网框架ServerSuperIO教程》- 8.单例通讯模式开发及注意事项

    1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍 <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制. <连载 | 物联网框架Serve ...

  3. Windows安装RabbitMQ集群的几个注意点

    记录一下RabbitMQ在windows平台下安装的几个注意点- -,好记性不如烂笔头 安装过程与Linux安装一致,教程参照官网集群配置:此处只列举出几个注意点: 1. erlang的版本需要一致, ...

  4. 【干货分享】前端面试知识点锦集02（CSS篇）——附答案

    二.CSS部分 1.解释一下CSS的盒子模型? 回答一:a.标准的css盒子模型:宽度=内容的宽度+边框的宽度+加上内边具的宽度b.网页设计中常听的属性名:内容(content).填充(padding ...

  5. Dynamics CRM 之ADFS 使用 WID 和代理的联合服务器场

    为此部署拓扑 Active Directory 联合身份验证服务 (AD FS) 等同于联合服务器场与 Windows 内部数据库 (WID) 拓扑中,但它将代理服务器计算机添加到外围网络,以支持外部 ...

  6. iOS获取网络图片大小

    在iOS开发过程中经常需要通过网络请求加载图片,有时,需要在创建UIImageView或UIButton来显示图片之前需要提前知道图片的尺寸,根据图片尺寸创建对应大小的控件.但是对于网络图片来说,要想 ...

  7. A星寻路算法介绍

    你是否在做一款游戏的时候想创造一些怪兽或者游戏主角,让它们移动到特定的位置,避开墙壁和障碍物呢? 如果是的话,请看这篇教程,我们会展示如何使用A星寻路算法来实现它! 在网上已经有很多篇关于A星寻路算法 ...

  8. 关于Apache Spark

    Apache Spark :  https://www.oschina.net/p/spark-project

  9. Python导出Excel为Lua/Json/Xml实例教程（三）：终极需求

    相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出Excel为Lua/Json/Xml实例教程(二):xlrd初体验 Python导出E ...

  10. python中的ValueError

    在初学时候,会遇到这种错误,修改了代码,一一比对了代码,发现代码,没有错误,可是就是运行不了. 我们先从错误的语句来入手!(这显示了英语很重要)   ValueError: need more tha ...