.框架是.NET Framework 4.0
.一共為三個(gè)部分: 前臺(tái)頁(yè)面設(shè)計(jì)代碼、前臺(tái)頁(yè)面程序代碼、css樣式
.其中數(shù)據(jù)庫(kù)連接操作用了DB類(連接語(yǔ)句)，SQLHelper(微軟的數(shù)據(jù)庫(kù)操作類)
效果圖：
前臺(tái)頁(yè)面設(shè)計(jì)代碼
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestWebSite.Default" %>
<%@ Register assembly="AspNetPager" namespace="Wuqi.Webdiyer" tagprefix="webdiyer" %>
<!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></title>
<link href="Styles/Paging.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" Height="261px" Width="737px"
CellPadding="4" ForeColor="#333333" GridLines="None">
<AlternatingRowStyle BackColor="White" />
<EditRowStyle BackColor="#2461BF" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<HeaderStyle HorizontalAlign="Left" BackColor="#507CD1" Font-Bold="True"
ForeColor="White" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F5F7FB" />
<SortedAscendingHeaderStyle BackColor="#6D95E1" />
<SortedDescendingCellStyle BackColor="#E9EBEF" />
<SortedDescendingHeaderStyle BackColor="#4870BE" />
</asp:GridView>
</div>
<webdiyer:AspNetPager ID="AspNetPager1" runat="server"
onpagechanged="AspNetPager1_PageChanged" CssClass="anpager"
CurrentPageButtonClass="cpb" FirstPageText="首頁(yè)" LastPageText="尾頁(yè)"
NextPageText="后頁(yè)" PrevPageText="前頁(yè)">
</webdiyer:AspNetPager>
</form>
</body>
</html>
前臺(tái)頁(yè)面程序代碼
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using TestWebSite.Utilities;
using System.Data;
using System.Data.SqlClient;
using Wuqi.Webdiyer;
namespace TestWebSite
{
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//調(diào)用綁定分頁(yè)和GridView
BindGridView();
}
}
////綁定分頁(yè)和GridView方法
private void BindGridView()
{
//查詢語(yǔ)句
string sequal = "select StandardName as 標(biāo)準(zhǔn)名稱, MakeUpItem as 補(bǔ)償項(xiàng)目, Unit as 單位,"
+ " cast(UnitPrice as decimal(18,2)) as 單價(jià), cast(StandRate as decimal(18,2)) as "
+ "成新率, Type as 分類 from Standard";
//獲取數(shù)據(jù)表格
DataTable dt =
SqlHelper.ExecuteDataset(DB.con, CommandType.Text, sequal).Tables[0];
//初始化分頁(yè)數(shù)據(jù)源實(shí)例
PagedDataSource pds = new PagedDataSource();
//設(shè)置總行數(shù)
AspNetPager1.RecordCount = dt.Rows.Count;
//設(shè)置分頁(yè)的數(shù)據(jù)源
pds.DataSource = dt.DefaultView;
//設(shè)置當(dāng)前頁(yè)
pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1;
//設(shè)置每頁(yè)顯示頁(yè)數(shù)
pds.PageSize = AspNetPager1.PageSize;
//啟用分頁(yè)
pds.AllowPaging = true;
//設(shè)置GridView的數(shù)據(jù)源為分頁(yè)數(shù)據(jù)源
GridView1.DataSource = pds;
//綁定GridView
GridView1.DataBind();
}
protected void AspNetPager1_PageChanged(object sender, EventArgs e)
{
//調(diào)用綁定分頁(yè)和GridView
BindGridView();
}
}
}
CSS樣式
.anpager
{
font: 11px Arial, Helvetica, sans-serif;
padding:10px 20px 10px 0;
margin: 0px;
}
.anpager a
{
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
margin-right:2px
}
.anpager a:visited
{
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.anpager .cpb
{
padding: 1px 6px;
font-weight: bold;
font-size: 13px;
border:none
}
.anpager a:hover
{
color: #fff;
background: #ffa501;
border-color:#ffa501;
text-decoration: none;
}
/* AspNetPager1屬性設(shè)置: CssClass="anpager" CurrentPageButtonClass="cpb"*/
