购物清单页面的处理shoppingCart.aspx and shoppingCart.aspx.cs

最新推荐文章于 2021-10-28 23:35:22 发布

feifeiyaqi3

最新推荐文章于 2021-10-28 23:35:22 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

文章标签： datagrid asp button server textbox object

本文链接：https://blog.youkuaiyun.com/feifeiyaqi3/article/details/1719727

本文介绍了一个购物车系统的实现细节，包括页面加载逻辑、数据绑定方法、购物车信息展示、购物车数据更新流程等关键技术点。

请输入大于10个字符的资源描述

<%@ Register TagPrefix="uc1" TagName="Footer" Src="UserControls/Footer.ascx" %>

<%@ Register TagPrefix="uc1" TagName="Header" Src="UserControls/Header.ascx" %>

<%@ Page language="c#" Inherits="ASPNETSZ4.ShoppingCart" CodeFile="ShoppingCart.aspx.cs" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>

<% = pub.sTitle %>

</title>

</HEAD>

<body>

<uc1:header id="Header1" runat="server"></uc1:header>

<TR>

<TD>

<TR>

<tr>

<td background="Images/BannerBGOrange.gif" height="26">  购物清单列表</td>

</tr>

</table>

<asp:Panel id="Panel1" runat="server">

<asp:datagrid id="DataGrid1" runat="server" DataKeyField="ProductID" AutoGenerateColumns="False" Width="98%" BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" BackColor="White" CellPadding="4">

<asp:TemplateColumn Visible="False" HeaderText="货号">

<asp:Label id=lbProductID runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "ProductID") %>' Visible="false">

</asp:Label>

</ItemTemplate>

</asp:TemplateColumn>

<asp:BoundColumn DataField="ModelNumber" HeaderText="规格型号"></asp:BoundColumn>

<asp:BoundColumn DataField="ModelName" HeaderText="商品名称"></asp:BoundColumn>

<asp:TemplateColumn HeaderText="数量">

<asp:TextBox id=txtQuantity runat="server" BorderStyle="Dotted" BorderWidth="1px" Text='<%# DataBinder.Eval(Container.DataItem, "Quantity") %>' ToolTip="双击后直接修改数量" Columns="4" MaxLength="3" width="100%">

</asp:TextBox>

</ItemTemplate>

</asp:TemplateColumn>

<asp:BoundColumn DataField="UnitCost" HeaderText="单价" DataFormatString="{0:c}">

</asp:BoundColumn>

<asp:BoundColumn DataField="ExtendedAmount" HeaderText="小计" DataFormatString="{0:c}">

</asp:BoundColumn>

<asp:TemplateColumn HeaderText="删">

<asp:CheckBox id="cbRemove" runat="server"></asp:CheckBox></DIV>

</ItemTemplate>

</asp:TemplateColumn>

</Columns>

</asp:datagrid>

<TR>

<asp:Button id="Button1" runat="server" BorderStyle="None" BorderWidth="1px" BackColor="Transparent" Text="√全部选中" onclick="Button1_Click"></asp:Button></TD>

<asp:Button id="Button2" runat="server" BorderStyle="None" BorderWidth="1px" BackColor="Transparent" Text="□全部取消" onclick="Button2_Click"></asp:Button></TD>

<TD align="right" background="Images/BannerBGOrange.gif" height="26">合计金额:

</TD>

<asp:label id="lbTotal" runat="server" EnableViewState="false"></asp:label></TD>

</TR>

</TABLE>

<BR>

<TR>

<asp:ImageButton id="ImageButton1" runat="server" ImageUrl="Images/UpdateCart.gif"></asp:ImageButton></TD>

<asp:ImageButton id="ImageButton2" runat="server" ImageUrl="Images/CheckOut.gif"></asp:ImageButton></TD>

</TR>

</TABLE>

</asp:Panel>

</TD>

</TR>

</TABLE>

</TD>

</TR>

</TABLE>

<uc1:footer id="Footer1" runat="server"></uc1:footer>

</form>

</body>

</HTML>

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

namespace ASPNETSZ4

{

/// <summary>

/// Summary description for ShoppingCart.

/// </summary>

public partial class ShoppingCart : System.Web.UI.Page

{

protected Pub pub = new Pub();

protected void Page_Load(object sender, System.EventArgs e)

{

//put user code to initialize the page here

if (Page.IsPostBack == false)

{

BindData();

}

/// <summary>

/// bind data

/// </summary>

void BindData()

{

String CartID = pub.GetShoppingCartID();

DataGrid1.DataSource = pub.spShoppingCartList(CartID);

DataGrid1.DataBind();

DispInfo();

}

/// <summary>

/// display info about shopping cartId

/// </summary>

void DispInfo()

{

//当前用户的购物车ID

String CartID = pub.GetShoppingCartID();

//lsMsg 用来显示购物车的信息

if (DataGrid1.Items.Count == 0)

{

lbMsg.Text = pub.SiteName + " -- 购物清单 -- 暂时为空 -- 请继续购物 ";

Panel1.Visible = false;

}

else

{

lbMsg.Text = pub.SiteName + " -- 购物清单 -- 共有 " + DataGrid1.Items.Count.ToString() + " 个记录 -- 请继续购物 ";

Panel1.Visible = true;

//<asp:BoundColumn DataField="ExtendedAmount" HeaderText="小计" DataFormatString="{0:c}">

lbTotal.Text = String.Format( "{0:c}", pub.spShoppingCartTotal(CartID));

}

/// <summary>

/// update shoppingCart data

/// </summary>

void ShoppingCartUpdate()

{

String CartID = pub.GetShoppingCartID();

// 遍历 DataGird1 里的 txtQuantity 与 cbRemove 值

for (int i=0; i<DataGrid1.Items.Count; i++)

{

// 获取相关值

//CheckBoxList.FindControl 在当前的命名容器中搜索指定的服务器控件。

TextBox TxtQuantity = (TextBox) DataGrid1.Items[i].FindControl("txtQuantity");

CheckBox cbRemove = (CheckBox) DataGrid1.Items[i].FindControl("cbRemove");

int iQty;

// 保护异常

try

{

iQty = Int32.Parse(TxtQuantity.Text);

// 如果数量改变或者选中

if (iQty != (int)DataGrid1.DataKeys[i] || cbRemove.Checked == true)

{

Label lbProductID = (Label) DataGrid1.Items[i].FindControl("lbProductID");

if (iQty == 0 || cbRemove.Checked == true)

{

pub.spShoppingCartRemoveItem(CartID, Int32.Parse(lbProductID.Text));

}

else

{

pub.spShoppingCartUpdateQty(CartID, Int32.Parse(lbProductID.Text), iQty);

}

catch

{

lbMsg.Text = "系统提示: 您刚才至少有一处有输入错误.";

}

Web Form Designer generated code

/// <summary>

/// update shopping Cart count

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void ImageButton1_Click(object sender, System.Web.UI.ImageClickEventArgs e)

{

ShoppingCartUpdate();

BindData();

}

/// <summary>

/// pay out money to shopping cart

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void ImageButton2_Click(object sender, System.Web.UI.ImageClickEventArgs e)

{

ShoppingCartUpdate();

if (DataGrid1.Items.Count > 0)

// 付款结帐前, 再次检查是否非空购物车, 然后并没作过多的处理, 而是直接转向订单确认页面

Response.Redirect("Checkout.aspx");

else

lbMsg.Text = "系统提示: 您当前的购物清单是空的, 所以, 您还无需进行结帐付款.";

}

/// <summary>

/// 购买的商品全部选中然后计算总价值

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void Button1_Click(object sender, System.EventArgs e)

{

for(int i=0; i<DataGrid1.Items.Count; i++)

{

((CheckBox)DataGrid1.Items[i].Cells[0].FindControl("cbRemove")).Checked = true;

}

DispInfo();

}

/// <summary>

/// 购买的商品全部取消，然后检验购物车的总价数

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void Button2_Click(object sender, System.EventArgs e)

{

for(int i=0; i<DataGrid1.Items.Count; i++)

{

((CheckBox)DataGrid1.Items[i].Cells[0].FindControl("cbRemove")).Checked = false;

}

DispInfo();

}

此购物清单的设计要点：

1.页面的加载为Page.isPostBack

2.DataBind method

3.购物车信息的显示函数

要注意这种写法：

if (DataGrid1.Items.Count == 0)
   {
    lbMsg.Text = pub.SiteName + " -- 购物清单 -- 暂时为空 -- 请继续购物 ";
    Panel1.Visible = false;
   }
   else
   {
    lbMsg.Text = pub.SiteName + " -- 购物清单 -- 共有 " + DataGrid1.Items.Count.ToString() + " 个记录 -- 请继续购物 ";
    Panel1.Visible = true;
                //<asp:BoundColumn DataField="ExtendedAmount" HeaderText="小计" DataFormatString="{0:c}">
    lbTotal.Text = String.Format( "{0:c}", pub.spShoppingCartTotal(CartID));
   }

4.更新购物车的数据。

//CheckBoxList.FindControl 在当前的命名容器中搜索指定的服务器控件。
TextBox TxtQuantity = (TextBox) DataGrid1.Items[i].FindControl("txtQuantity");
CheckBox cbRemove = (CheckBox) DataGrid1.Items[i].FindControl("cbRemove");

5.更新购物车中商品的数量和总钱数，此处是用二个Image button 来实现的。具体参照上面的代码

6.对选中商品和清空商品的处理

就是二个BUTTON的事件程序

雅琦