《电子商务网站建设与管理》教学课件第七章开发实例.ppt

目录 3 第三节 商品展示功能设计 4 2 第二节 站点设计 第四节 购物车设计 6 第六节 后台管理设计 1 第一节 总体功能结构设计 5 第五节 收银台设计 1. 了解电子商务网站的设计方法； 2.了解数据库的设计方法； 3.了解电子商务网站的设计流程。 1.掌握网站设计的方法； 2.掌握利用Dreamweaver进行网站开发的方法。 一、网站主要功能模块 二、网站数据库设计 商品（Products）表 购物车（Carts）表 购物车明细（CartItems）表 订单（Order）表 订单明细（OrderItems）表 三、主要程序模块 三、主要程序模块 （二）各主要页面程序模块实现的功能 Products.asp Search.asp AddItem.asp Cart.asp 商品展示页面，同时提供到其他各类商品展示网页的链接。 商品搜索页面，用来处理在商品展示页面中客户提出的商品搜索请求，并将搜索的结果返回商品展示页面中进行展示。 添加商品页面。 购物车页面，显示客户已购各项商品的信息。允许客户修改所购商品的数量，并重新计算和显示金额和总价。 三、主要程序模块 （二）各主要页面程序模块实现的功能 Recalc.asp Delete.asp Order.asp 重新计算页面，响应客户的“重新计算”请求，根据修改后的商品数量重新计算金额和总价，并负责修改购物车明细表中的相关数据。 清除购物车页面，响应客户提出的“清除购物车”请求，并负责删除该客户在购物车明细表中的相关数据。 订单页面，响应客户的“去收银台”请求，为客户自动产生一个唯一的订单编号，然后要求客户如实填写信息，再将当前购物日期、总计金额以及送货地址等信息保存到订单表中，并将购物车内所购商品的信息保存到订单细节表中。 1 执行“站点”→“新建站点”命令，打开新建站点向导对话框。 2 在“您打算为您的站点起什么名字？”文本框中输入网站的名称。 3 单击“下一步”按钮，弹出选择服务器技术对话框，选择“是，我想使用服务器技术”单选按钮，然后在下方的下拉列表框中选择“ASP VBScript”选项 4 单击“下一步”按钮，设置站点的编辑方式和文件的存储位置。 5 单击“下一步”按钮，打开设置浏览站点根目录URL的对话框。 6 单击“下一步”按钮，打开设置远程服务器对话框。选中“否”单选按钮，表示不再使用其他的Web服务器。 7 单击“下一步”按钮，向导显示站点设置的概要，表示站点已经建立完成，单击“完成”按钮，完成设置。 一、数据库设计 商品简短说明 备注 ProductDescription 商品优惠价 货币 ProductSalePrice 商品单价 货币 ProductPrice 商品图片文件名 文本（50） ProductPicture 商品名称 文本（50） ProductName 商品编号，主键，自动递增 自动编号 ProductID 说明 数据类型 字段名称 二、包含文件设计 二、包含文件设计 二、包含文件设计 三、商品搜索页面 三、商品展示页面 一、购物车数据库设计 购物日期 日期/时间 CartDate 购物车编号，主键，自动递增 自动编号 CartID 说明 数据类型 字段名称 商品数量 数字 Quantity 商品单价 货币 Price 商品名称 文本（28） Name 商品编号 数字 ProductID 购物车编号 数字 CartID 商品项编号，主键，自动递增 自动编号 ItemID 说明 数据类型 字段名称 二、放入购物车页面设计 购物车功能是由添加商品页面Additem.asp和购物车页面Cart.asp来完成的。 Additem.asp页面的功能为：客户选中某项商品并单击“购买”链接而激活Additem.asp页面，该页面首先判断这个客户是否已经有了购物车（即该客户是否为进入本网站后的第一次购物），若没有购物车，就为其新分配一辆（即为该客户在Carts表中自动产生一个新的购物车编号CartID）；若客户已有购物车，则从Session变量中获取对应购物车编号。最后再调用购物车页面Cart.asp显示该客户购物车中已购商品的详细内容。 使用代码视图来实现该功能。先在文件面板中新建Additem.asp文件，并在Dreamweaver代码视图中添加源代码 。 三、显示购物车页面设计 四、重新计算功能的实现 在上述购物车页面所显示的购物清单中，客户可在“数量”列的文本框中修改所购商品的数量，然后单击“重新计算”按钮，调用Recalc.asp程序对该项商品的总计金额进行重新计算，并将计算后所得的结果再次显示在购物车页面Cart.asp中。由于页面