第9章 综合应用—网上书店客户端的设计.ppt

第9章综合应用 网上书店客户端的设计 9 1网上购书的基本流程9 2查询图书9 3购物车的实现9 4用户身份确认9 5订单确认和保存9 6订单查询9 7体验购书过程 9 1网上购书的基本流程 网上书店的购物流程 9 2查询图书 9 2 1显示图书信息图书信息的显示用两个页面来实现 其中book asp给出每本图书的概略信息 每页显示10条图书记录 book detail asp显示每本图书的详细信息 且一页只显示一条记录 当客户通过各种方式查询图书时 主要是打开book asp页 然后通过book asp页面上的详细信息超链接打开对应图书信息的book detail asp页 定义book asp页中的记录集rstBook 该页中定义了较多的参数 以获得后面各种查询方式提交的参数 以book details asp页为详细信息页并传递参数isbn 书号 定义记录集rstBook detail 以isbn值为参数 以获得其它页面传递来的参数实现筛选 book asp页的浏览效果 图书详细信息页的浏览结果 9 2 2精品推荐在页面显著位置上给出一些最新名家名著的书名 作者及价格信息 通过单击图书名称构成的超级连接 直接打开book detail asp页给出该书的详细介绍 为图书爱好者提供一个快捷的途径 该页的制作主要是使用服务器行为 转到详细信息页 通过超级链接传递参数 书号 打开book detail asp显示图书的详细信息 精品图书页的浏览结果 9 2 3按类别查询图书在页面显示图书的类别 通过单击这些类别名称打开book asp页并传递参数 图书类别编号 从而列出属于该类别的所有图书 实现按类别查询 制作中也是使用了服务器行为 转到详细信息页 来实现 以book asp页为详细信息页 设定传递参数为图书类别编号 9 2 4综合查询使用表单向book asp页提供书名 出版社 出版时间 类别 作者等较多的查询参数 以缩小检索图书的范围 加快图书查询速度 综合查询页面的设计视图 9 3 1安装购物车插件购物车的实质是将在浏览商品过程中决定购买的商品信息保存在Session对象或Cookies集合中 在用户需要查看时显示出来并允许用户进行更改和删除的操作 只有在用户确认购买后 才提交保存到数据库中 这里使用第三方提供的购物车插件来实现购物车功能 可以从地址http www charon co uk下载最新版本 然后启动MacromediaExtensionManager来安装和管理 9 3购物车的实现 当安装并启用插件 则DreamweaverMX的服务器行为面板中自动增加一项服务器行为面板菜单 CharonCart 其中包括了许多进行购物车操作的命令 9 3 2设置购物车要将商品添加到购物车 首先应该定义购物车 凡是需要购物车功能的页面均必须先定义购物车 如果需要应用某个购物车服务器行为 也必须先定义购物车 由于所需要的购物车是一样的 所以可以给任何页面首先添加购物车 然后在另一个页面上直接引用它 在购物车中 包含如下几个组成部分 商品标识 商品数量 商品价格 商品名称 定义购物车对话框 设定购物车项目 定义完购物车后 在页面的服务器行为面板窗格中增加了一个服务器行为CharonCart 在绑定面板窗格中增加了一个数据源CharonCart 单击 图标展开它 列出购物车中定义的数据项和其他计算数据项 在页面的代码在最前面增加了一行如下的语句 表明引用与当前页面同目录下的文件inc CharonCart asp 这是我们定义购物车行为时自动生成的文件 完全由VBScript代码组成 在inc CharonCart asp中包含了两个函数 分别用来将购物车数据写入到Cookie和从Cookie中读取数据到购物车中 函数代码见后页 functionCartToCookie thearray cookiename onerrorresumenextmystring forj 0toubound CCcart 2 ifCCcart CC ProductID j thenfori 0to5mystring mystring CCcart i j nextmystring left mystring len mystring 1 mystring mystring endifnextmystring left mystring len mystring 1 Response Cookies cookiename mystringendfunction functionCookieToCart cookiename dimmyarray 5 50 mystring Request Cookies cookiename productarray split mystring forj 0toubound productarray itemarray split productarray j fori 0to5ifitemarray i thenmyarray i j itemarray i elsemyarray i j nullendifnextnextCookieToCart myarrayendfunction 9 3 3将商品添加到购物车CharonCart服务器行为菜单提供了两种将商品添加到购物车的命令 AddToCartFromForm 从表单添加到购物车 和AddToCartFromlink 从链接添加到购物车 1从链接添加到购物车 定义从链接添加到购物车 添加到购物车数据项的信息 2从表单添加到购物车当一页中显示多条记录时 使用表单来向购物车中添加数据更为合适 因为通过表单能够更方便地标识每本图书的信息 定义从表单添加到购物车 9 3 4创建购物车页面购物车页面用来让客户查看和更改购物车中自己选定的图书 包括图书的书号 书名 单价 选购的数量 金额和总金额等 1显示购物车内容 定义在页面中显示购物车数据项 2更新和清空购物车更新购物车的操作是使客户更改选定图书的数量或者选择清除复选框后从购物车中删除该图书 而清空购物车操作是将购物车中所有的商品清除 定义更新购物车行为 定义清空购物车行为 当客户在cart asp页面中确认了当前当前购物车中的商品是自己需要的之后 就可以去收银台填写相关信息和完成后续的购买操作 首先用户必须通过登录 即身份确认 提供自己的正确信息 才能与商品信息一起保存到数据库中 这样才能进行付款操作及商品的配送 9 4用户身份确认 9 4 1用户注册1申请帐号申请帐号的实质是向用户表中插入一条新的记录 并且只有帐号 为了避免出现重复的记录 必须使用 检查新用户 行为 注册帐号页面设计视图 定义插入记录 检查新用户名 2填写详细信息客户详细信息页用于让客户填写相关信息提交到数据库中 由于在数据库中已经保存了当前客户的帐号 所以提交详细信息的操作实际上是更新表中记录的操作 详细信息页的页面视图 定义记录集rstCustomer 定义更新记录行为 9 4 2用户登录客户在注册成功后 以后他只要用注册的帐号和密码进行登录以验证身份即可 所以登录过程就是用户提交帐号和密码 在数据库中查找该用户是否存在的过程 登录成功后 创建一个Session MM Username 变量并保存用户帐号 登录页面视图 定义用户登录行为 在用户正确登录之后 应该列出用户最终确认购买的商品及价格列表 并让用户填写相关的配送地址 最后将所有相关的信息提交并保存到数据库中 9 5 1显示确认信息在页面上显示用户购买的商品信息 同时在该页中显示收货人的详细信息并允许用户进行修改 9 5订单确认和保存 在页面上插入购物车数据 填写收货人信息表单及表单元素 9 5 2保存订单并获取订单号将订单的保存到数据库的过程分两个步骤 首先将信息保存到订单表并获得订单号 然后再将订单号和订单明细数据保存到订单明细表中 首先将订单保存到订单表 通过定义保存订单并获取订单号行为实现 而订单号由购物车生成的一个JavaScript函数产生 定义保存订单并获取订单号行为 functionGetTimeInMillisec varNow newDate varTimeStamp Now getTime returnTimeStamp 保存订单并获取订单号的脚本代码 9 5 3保存购物车内容到数据库保存购物车到数据库的操作就是将购物车中的数据保存到订单明细表中 完成此功能是通过保存购物车内容到数据库行为实现的 保存购物车数据至数据库 9 6 1查看订单列表客户在将订单数据保存到数据库后 他随时有可能会查询自己的订购情况 包括订单号 订购日期以及该订单是否已经处理的信息 只有登录成功的客户才能打开该页 当用户需要了解某个订单的详细情况 就通过链接访问详细信息页 9 6订单查询 通过用户名 账号 和密码控