70 likes | 218 Views
电子商务平台系统 实践. 购物车管理页 4. 【 任务描述 】. 购物车功能是网站的关键,主要用于显示及管理用户的购物信息。用户要购买商品时单击商品下方的“购买”按钮,将该商品的信息添加到购物车中,通过单击页面顶部导航栏中的“购物车”链接进入购物车管理页面,可以进行查看和编辑商品信息等操作。购物车管理页( ShopCart.aspx )的运行效果如图::.
E N D
电子商务平台系统 实践 购物车管理页 4 【任务描述】 购物车功能是网站的关键,主要用于显示及管理用户的购物信息。用户要购买商品时单击商品下方的“购买”按钮,将该商品的信息添加到购物车中,通过单击页面顶部导航栏中的“购物车”链接进入购物车管理页面,可以进行查看和编辑商品信息等操作。购物车管理页(ShopCart.aspx)的运行效果如图::
电子商务平台系统 实践 购物车管理页 4 【任务分析】
电子商务平台系统 实践 购物车管理页 4 【相关知识与技能】 【购物车中商品存放的结构】 在.NET Framework中,哈希表是System.Collections命名空间提供的一个容器,用于处理key/value键值对,key用来快速查找;value用于存储对应的key值。 实现购物车功能的实质是增加一个(商品名,商品个数)的(名,值)对,该结构正是一个哈希表的结构,所以使用哈希表HashTable来表示用户的购买情况。下面看一下用哈希表和Session对象来实现购物车功能。以用户向购物车中添加商品时,首先判断用户是否有了购物车,即判断Session[“ShopCart”]对象是否为空,如果为空时,表示用户没有购物车,则添加一个(名,值)对(“名”是这个商品的ID代号,“值”为1,表示购买了一个商品);如果Session[“ShopCart”]对象不为空,获取其购物车,首先判断购物车中是否已经有该商品,如果有,则这个商品的“值”,即数量加1。
电子商务平台系统 实践 购物车管理页 4 【任务实施】 【创建购物车管理页ShopCart.aspx 】 • 在应用程序中新建一个Web窗体,命名为ShopCart.aspx。 • 从“工具箱”选项卡中拖放1个GridView控件和2个ImageButton控件。ImageButton控件功能一个是“继续购物”返回前一页面浏览商品,另一个是去收银台结帐。 • 编辑GridView控件,添加三个BoundField字段并依序将其HeaderText改为:序号、商品ID和商品名称。商品ID和商品名称的DataField数据源属性分别设为“GoodsID”和“GoodsName”;一个ButtonField字段,用来更新商品数量,其Text属性设为“更新”,CommandName属性设为“updateNum”;四个模板,并依序将其HeaderText改为“数量”、“单价”、“总价”和“删除”。 1、
电子商务平台系统 实践 购物车管理页 4 【任务实施】 【创建购物车管理页ShopCart.aspx 】 • 取消“自动生成字段”。 • 编辑TemplateField模板 • 选择Column[3]-数量模板的ItemTemplate→添加控件TextBox,点击【编辑DataBindings】点击Text属性的绑定数据字段为“Num”。 • 选择Column[5]-单价模板的ItemTemplate→添加“¥”,在源代码处写入代码<%#Eval ("price") %>,用来显示价格。 • 总价的ItemTemplate同2)步。 • 选择Column[7]-删除模板的ItemTemplate→添加控件LinkButton,点击【编辑DataBindings】,点击CommandArgument属性绑定为 “GoodsID”。 1、
电子商务平台系统 实践 购物车管理页 4 【任务实施】 【创建购物车管理页ShopCart.aspx.cx 】 • 在Page_Load事件中,将所购买商品信息绑定在GridView控件上。首先判断用户是否登录,Session[“Username”]对象是否为空,如果没登录,请先登录。然后判断用户是否已经购买商品即Session[“ShopCart”]对象是否为空,如果没有购,需要返回继续购物。如果已经购,即有购物车,将Session[“ShopCart”]对象转换为HashTale,定义一个DataTable对象dtTable,将所购买商品信息绑定在GridView控件上。 • 商品的数量在用户“去收银台”之前可以修改,通过文本框中的数量完成的。前面设计为GridView添加一个ButtonField字段,作为数量更新所用。 • 购物车中的商品不满意可以删除,通过“删除”模板的CommandArgument获取GoodsID,从HastTable中移除这个GoodsID对应的键即可。 1、
电子商务平台系统 实践 购物车管理页 4 【任务小结】 购物车功能的实现是本网站的关键,主要用于显示及管理用户的购物信息。完成的功能如下:将商品添加到购物车;浏览购物车中的商品信息;修改购物车中的商品数量;删除购物车中的商品。