第10章 购物车模块设计,宁云智 刘志成,本章学习导航,本章学习要点,购物车页面的设计 购物车功能的实现 购物车数据的更新 购物车数据的删除,任务1 实现购物车,实现购物车功能,任务目标,利用DataList控件实现购物车功能,知识要点,任务1 实现购物车,设计购物车页面,添加标题文字,添加标题文字,设计购物车页面,任务1 图书信息展示,实现购物车功能,添加标题文字,添加标题文字,编写数据绑定方法的代码 编写计算总金额方法的代码 编写Page_Load事件过程的代码,任务1 图书信息展示,购物车操作,添加标题文字,添加标题文字,1.更新购物车数据 将【修改数量】按钮的“CommandName”属性为“Update”即触发修改事件，所以要编写DataList控件的“DataList1_UpdateCommand”事件 2.删除购物车数据 【删除】按钮功能就要编写DataList控件的DeleteCommand(删除命令)事件，此事件用来删除购物车中的一条记录 。 3.清空购物车数据 【清空购物车】按钮的功能即为删除购物车中所有记录 。,课堂实践1,打开OnlineShop网站，添加购物车“shop_car.aspx”页面。,任务1,设计shop_car.aspx页面。,任务2,实现购物车功能。,任务3,课堂实践1,完成shop_car.aspx页面上的【修改数量】按钮功能。,任务4,完成shop_car.aspx页面上的【删除】按钮功能。,任务5,完成【清空购物车】按钮功能。,任务6,本章小结,本章学习内容,本章主要学习了如下内容： 购物车页面的设计：通过DataList控件显示购物车中的数据； 计算购物车中的总金额：计算总金额； 购物车数据的显示：利用DataList控件绑定数据、在DataList控件中绑定文本框控件与按钮控件； 购物车数据的更新：通过编辑DataList控件的UpdateCommand事件实现数量的更新； 购物车数据的删除：通过编辑DataList控件的DeleteCommand事件实现购物车数据的删除；,课外拓展,设计一个Web页面，为该页面编写一个Repeater控件模板，循环显示学生数据表的所有数据。学生数据包括学号、姓名、性别、出生日期、班级、注册日期等。,任务1,设计一个Web页面，使用一个DataList控件分页显示用户留言信息，留言信息包括留言时间、留言主题和留言内容。,任务2,设计一个Web页面，使用两个DataGrid控件分别显示手机信息和用户订购信息。左侧的DataGird1分页内显示全部的手机信息，包括产品编号、型号、单价和产品图片，并提供一个Button按钮列启动【购买】功能右侧的DataGrid2分页中显示用户的全部订购信息，包括产品编号、型号、单价、订购数量和金额。,任务3,