生成一段展示商品页的ASP代码
时间: 2023-10-25 20:07:56 浏览: 111
一个关于购物的网站ASP源码
4星 · 用户满意度95%
以下是一个简单的ASP.NET商品页的示例代码,其中包含一个商品列表和一个详细的商品页面。在本示例中,我们使用GridView控件来显示商品列表,使用DetailsView控件来显示单个商品的详细信息。
商品列表页面:
```
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductList.aspx.cs" Inherits="MyWebApp.ProductList" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>商品列表</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>商品列表</h1>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="商品ID" SortExpression="ProductID" />
<asp:BoundField DataField="ProductName" HeaderText="商品名称" SortExpression="ProductName" />
<asp:BoundField DataField="ProductPrice" HeaderText="商品价格" SortExpression="ProductPrice" />
<asp:TemplateField HeaderText="商品图片">
<ItemTemplate>
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("ProductImage") %>' Width="100" Height="100" />
</ItemTemplate>
</asp:TemplateField>
<asp:HyperLinkField DataNavigateUrlFields="ProductID" DataNavigateUrlFormatString="ProductDetail.aspx?ProductID={0}" Text="查看详细信息" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MyConnectionString %>" SelectCommand="SELECT * FROM Products"></asp:SqlDataSource>
</div>
</form>
</body>
</html>
```
详细商品页面:
```
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductDetail.aspx.cs" Inherits="MyWebApp.ProductDetail" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>商品详细信息</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>商品详细信息</h1>
<asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False" DataSourceID="SqlDataSource1">
<Fields>
<asp:BoundField DataField="ProductID" HeaderText="商品ID" />
<asp:BoundField DataField="ProductName" HeaderText="商品名称" />
<asp:BoundField DataField="ProductPrice" HeaderText="商品价格" />
<asp:ImageField DataImageUrlField="ProductImage" HeaderText="商品图片" ControlStyle-Width="300" ControlStyle-Height="300" />
<asp:BoundField DataField="ProductDescription" HeaderText="商品描述" />
</Fields>
</asp:DetailsView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MyConnectionString %>" SelectCommand="SELECT * FROM Products WHERE ProductID = @ProductID">
<SelectParameters>
<asp:QueryStringParameter Name="ProductID" QueryStringField="ProductID" Type="Int32" />
</SelectParameters>
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
```
请注意,这只是一个简单的示例,具体的实现可能会因为您的业务需求而有所不同。
阅读全文