ASP.NET实现作品中心展示页：含类型筛选、分页功能

以下是一个用ASP.NET的GridView控件和分页控件实现的作品中心展示页面示例代码： ```asp <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ArtGallery.aspx.cs" Inherits="ArtGallery" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>作品中心</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="lblFilterByType" runat="server" Text="选择作品类型: "></asp:Label> <asp:DropDownList ID="ddlArtType" runat="server"> <asp:ListItem Text="所有类型" Value=""></asp:ListItem> <asp:ListItem Text="绘画" Value="Painting"></asp:ListItem> <asp:ListItem Text="摄影" Value="Photography"></asp:ListItem> <asp:ListItem Text="雕塑" Value="Sculpture"></asp:ListItem> </asp:DropDownList> <asp:Button ID="btnFilter" runat="server" Text="筛选" OnClick="btnFilter_Click" /> <br /><br /> <asp:GridView ID="gvArtworks" runat="server" AutoGenerateColumns="false" PageSize="4"> <Columns> <asp:BoundField DataField="ArtworkName" HeaderText="作品名称" /> <asp:BoundField DataField="Artist" HeaderText="艺术家" /> <asp:BoundField DataField="Type" HeaderText="类型" /> <asp:BoundField DataField="YearCreated" HeaderText="创作年份" /> </Columns> </asp:GridView> <br /> <asp:DataPager ID="DataPager1" runat="server" PagedControlID="gvArtworks" PageSize="4"> <Fields> <asp:NumericPagerField ButtonCount="5" /> </Fields> </asp:DataPager> </div> </form> </body> </html> ``` 在代码文件ArtGallery.aspx.cs中实现筛选按钮的功能： ```csharp using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class ArtGallery : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindArtworks(); } } protected void btnFilter_Click(object sender, EventArgs e) { BindArtworks(); } private void BindArtworks() { string selectedType = ddlArtType.SelectedValue; // 在这里根据选择的作品类型从数据库或其他数据源获取数据 // 假设artworks是一个List<Artwork>对象，包含作品数据 List<Artwork> artworks = GetArtworks(selectedType); gvArtworks.DataSource = artworks; gvArtworks.DataBind(); } private List<Artwork> GetArtworks(string type) { // 这里实现根据作品类型从数据库查询作品数据的逻辑 // 简单示例，返回一个假数据 List<Artwork> fakeArtworks = new List<Artwork>(); fakeArtworks.Add(new Artwork { ArtworkName = "作品1", Artist = "艺术家1", Type = "绘画", YearCreated = 2021 }); fakeArtworks.Add(new Artwork { ArtworkName = "作品2", Artist = "艺术家2", Type = "摄影", YearCreated = 2020 }); fakeArtworks.Add(new Artwork { ArtworkName = "作品3", Artist = "艺术家3", Type = "雕塑", YearCreated = 2019 }); return fakeArtworks; } } public class Artwork { public string ArtworkName { get; set; } public string Artist { get; set; } public string Type { get; set; } public int YearCreated { get; set; } } ``` 以上代码实现了一个简单的作品中心展示页面，包含作品类型选择功能，并使用GridView控件展示作品数据，同时实现了作品数据的筛选功能。您可以根据实际情况修改和扩展代码。 ######[AI写代码神器 | 2433点数解答 | 2024-10-30 23:39:57]

服务商

更多选项

快捷项

自定义