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

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