什么是“分页展示”?

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

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

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

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

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

从数据库查询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="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>
前台代码

相关文章:

  • 2022-12-23
  • 2021-10-11
  • 2022-12-23
  • 2022-12-23
  • 2021-12-06
  • 2021-11-07
  • 2022-02-12
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-12
  • 2022-12-23
相关资源
相似解决方案