★★★ 分页展示 ★★★

时间:2022-01-27 05:35:28

什么是“分页展示”?

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

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

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

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

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

从数据库查询Car表中所有信息进行展示,并做功能性按钮如下:

前台代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns=""> <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="1"></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页

后台代码: