项目7 设计网上书店购物车.ppt

项目七设计网上书店购物车 案例开发建立站点?建立站点,为站点添加两个文件夹 books 和 images. 并分别添加现有项(图片)。?在站点内新建名为 和 的两个页面。主要任务?任务 7-1 :设计图书购买界面?任务 7-2 :设计购物车商品信息类和购物车类?任务 7-3 :实现匿名用户使用购物车?任务 7-4 :实现匿名用户购物车到注册用户购物车的迁移任务 7-1 设计图书购买界面?在 页面上添加一个 GridView 和一个 SqlDataSource 控件。?配置 SqlDataSource 的数据源,在配置 Select 语句步骤按照下图设置,其他采取默认,直到完成。?单击 GridView1 控件的智能按钮,在套用格式下选择彩色型,并设置数据源为 SqlDataSource1 。?单击编辑列命令,打开字段对话框。将 bookID 的 Visible 属性设置为 False. ?在左上可用字段中,单击 HyperLinkField ,再单击“添加”按钮。?在左下选定的字段中,单击该 HyperLinkField ,在右边设置其属性: HeaderText 值为”详细信息”,Text 值为“查看”, DataNavigateUrlFormatString 值为“~/?bookID={0} ”, DataNavigateUrlFields 值为” bookID ”. ?设置完成后单击“确定”。?设置 GridView1 允许分页。?在 页面上添加一个 DataList, 一个 SqlDataSource ,一个 HyperLink 和一个名为 labBookID 的标签控件。?设置 HyperLink 的 Text 属性值为“[返回图书列表页面]”, NavigateUrl 属性值为“~/ ”。?配置 SqlDataSource 的数据源,进行如下图的设置后,单击“ WHERE ”按钮。?在添加 WHERE 字句对话框进行如下设置后单击“添加”按钮,其他采取默认,直到完成。?设置 DataList 控件的数据源为 SqlDataSource1 。并单击“编辑模板”命令。按照下页图设置模板。其中”购买”为一个 LinkButton 控件, 单击它的智能按钮编辑绑定,mandArgument 绑定到 bookID. 在属性窗口的事件列表中,mand ,编辑如下代码(暂时): ? protected void mand(object sender, CommandEventArgs e) ? { ? ("<script>alert(' 购买成功! ')</script>"); ? } ?将 DataList 中左上角图片控件绑定到字段 picturePath. ?将“购买”左边的图片控件的 imageUrl 属性设置为~/images/ 。?最上面绿色标签绑定到 bookName 字段。完成后结束模板编辑。在 Page_Load 中添加如下代码: ? if (!IsPostBack) ? { ? labBookID .Text =Request .QueryString ["bookID"]; ? } 分别将标签绑定到不同字段任务 7-2 设计购物车商品信息类和购物车类?购物车的每个商品可以用一个实体类进行描述。用户使用购物车需要能够将选购商品放置到购物车中,能够从购物车中移除商品,还要能够修改购物车中商品数量,这些操作可以封装在一个购物车操作类中。?购物车中图书信息包含图书的编号、书名、价格、数量、小计信息。小计是通过价格和数量相乘的结果。购物车的每本图书可以用一个实体类( CartItem )描述。 CartItem 类以面向对象的方式构建了购物车中的单条商品对象。?购物车中一般有多本图书,可以用哈希表来存储,使用图书的编号作为哈希表的键,存储图书信息的实体对象作为哈希表的值。购物车类( ShoppingCart )对购物车的操作实际上是对哈希表的操作。?购物车要能实现图书信息的添加、从购物车中移除图书信息和重新设置购物车中图书数量功能。?本任务将介绍存储图书信息的实体类和购物车类的设计过程。?为站点添加 App_Code 文件夹,在该文件夹下添加 CS( 类)文件 和 ( 类)文件。