第九章商务网站综合设计举例 本章概述 本章通过创建一个具体的网上书店网站来介绍商务网站程序设计所涉及的各个主要 功能模块,详细讲述商品展示、商品搜索、购物车创建与管理、收银台与订单处理等页面 程序的设计过程,同时给出了部分程序的关键源代码 这一章融会了前面各章的知识,内容相当丰富,同时还介绍了动态交互网页编程和 web数据库应用编程方面的许多技巧。 课时:4 讲授方法:本章为课程实践环节,以学生上机练习为主 91总体结构设计 网站主要功能模块 BOOK网上书城 用户管理 在线售书 书城管理 图9-1网站主要功能模块 数据库设计 本示例网站采用 Access i数据库作为存放商品信息、客户资料和订单信息的数据库。对 于具有较大访问量和较高数据安全需求的网站建议采用 SQL Server2000等中大型数据库 事实上,对于网络程序的编写来讲,采用不同类型的数据库几乎是没有区别的
第九章 商务网站综合设计举例 本章概述： 本章通过创建一个具体的网上书店网站来介绍商务网站程序设计所涉及的各个主要 功能模块，详细讲述商品展示、商品搜索、购物车创建与管理、收银台与订单处理等页面 程序的设计过程，同时给出了部分程序的关键源代码。 这一章融会了前面各章的知识，内容相当丰富，同时还介绍了动态交互网页编程和 Web 数据库应用编程方面的许多技巧。 课时：4 讲授方法：本章为课程实践环节，以学生上机练习为主 9.1 总体结构设计 一、网站主要功能模块 二、数据库设计 本示例网站采用 Access 数据库作为存放商品信息、客户资料和订单信息的数据库。对 于具有较大访问量和较高数据安全需求的网站建议采用 SQL Server 2000 等中大型数据库。 事实上，对于网络程序的编写来讲，采用不同类型的数据库几乎是没有区别的。 BOOK网上书城 用户管理 在线售书 书城管理 图9-1 网站主要功能模块
:数新库(ACE200文件格式) 打开@)忆设计①)新建③X国面 使用设计器创表 西使用向导创建表 查询 通过输入数据创建表 国窗体 国 category 回报表 固 delivery 页 2宏 吣模块 a sorts 收藏夹 图9-2数据库 db. mdb中包含的表 主要页面文件 为实现本网站各项功能,需设计如下网页文件,见表9-1 四、系统开发环境简介 1.系统软件需求 (1)开发环境: Microsoft windows2000 server Dreamweaver MX2004中文版; Access200; Photoshop70 (2)运行环境: Microsoft windows nt40系统或以上配置 Internet Information Server5.0或更高 Internet explore5.0浏览器或更高。 2.系统硬件需求 Intel PentiumⅢl系列处理器或更高 6 M SDRAM内存或者更高 集成显示芯片或更高配置; lG硬盘剩余控件或更高
三、主要页面文件 为实现本网站各项功能，需设计如下网页文件，见表 9-1。 四、系统开发环境简介 1. 系统软件需求 （1）开发环境：Microsoft windows 2000 server； Dreamweaver MX 2004 中文版；Access 2000；Photoshop 7.0。 （2）运行环境：Microsoft windows NT 4.0 系统或以上配置； Internet Information Server 5.0 或更高； Internet explore 5.0 浏览器或更高。 2.系统硬件需求 ⚫ Intel Pentium III 系列处理器或更高； ⚫ 64M SDRAM 内存或者更高； ⚫ 集成显示芯片或更高配置； ⚫ 1G 硬盘剩余控件或更高。 图9-2 数据库db.mdb中包含的表
92商品展示功能设计 数据表设计 本实例是一网上书店,是典型的商务网站,要实现网站和用户的交互以及动态数据存 储更新,必须有后台数据库作支撑,也必须设计相应的数据表用于存储相关数据,表9-2 是用来保存网上书店的书籍信息的表 Product 、包含文件设计 当在某个页面中需要插入该代码段时,即可用以下形式的语句将其包含进来。 <--#include file="filer 、商品搜索页面设计 为使客户能通过输入与商品有关的关键字来搜索所需的商品,为此本网站创建一个名 为 Search.asp的页面,用来收集客户输入的商品查询关键字,然后打开有关的商品表借助 SL语句的模糊查询功能来实现商品的搜索,最后再返回到商品展示页面将查询到的商品 结果显示出来 四、商品展示页面设计 Index. asp是网站的首页也是商品展示页面,是本示例网站中最重要的页面之一,其主 要任务是把db数据库内 Products表中的各条商品记录以表格的形式显示在网页中 93购物车设计 实现购物过程的核心是购物车的实现和订单的提交和处理,购物车页面设计是购物网 站最为重要的页面程序设计 一般说来,购物车页面的设计也属于整个购物网站页面设计中难度较高的部分。 94收银台设计 收银台设计所要完成的主要任务包括: ●创建一个表单用于填写和收集客户信息,以便为该客户送货
9.2 商品展示功能设计 一、数据表设计 本实例是一网上书店，是典型的商务网站，要实现网站和用户的交互以及动态数据存 储更新，必须有后台数据库作支撑，也必须设计相应的数据表用于存储相关数据，表 9-2 是用来保存网上书店的书籍信息的表 Product。 二、包含文件设计 当在某个页面中需要插入该代码段时，即可用以下形式的语句将其包含进来。 <!--#include file = "filename"> 三、商品搜索页面设计 为使客户能通过输入与商品有关的关键字来搜索所需的商品，为此本网站创建一个名 为 Search.asp 的页面，用来收集客户输入的商品查询关键字，然后打开有关的商品表借助 SQL 语句的模糊查询功能来实现商品的搜索，最后再返回到商品展示页面将查询到的商品 结果显示出来。 四、商品展示页面设计 Index.asp 是网站的首页也是商品展示页面，是本示例网站中最重要的页面之一，其主 要任务是把 db 数据库内 Products 表中的各条商品记录以表格的形式显示在网页中。 9.3 购物车设计 实现购物过程的核心是购物车的实现和订单的提交和处理，购物车页面设计是购物网 站最为重要的页面程序设计。 一般说来，购物车页面的设计也属于整个购物网站页面设计中难度较高的部分。 9.4 收银台设计 收银台设计所要完成的主要任务包括： ●创建一个表单用于填写和收集客户信息，以便为该客户送货
●再次显示客户所购商品的信息和送货地址等信息,并要求客户进一步确认 ●生成一个与此对应的新订单,并将客户所购商品的信息及其送货信息保存到 orders 表中。 根据以上描述的各项任务,本示例网站编写了 Cart. asp、 Checkout. asp两个页面来协同 实现 95后台管理设计 任何一个商务网站都必须有健全的后台管理系统作为支撑。对于一个购物网站而言 不仅需要在前台为客户提供方便友好的购物与结算环境,同样重要的是在后台对所提供的 商品信息进行及时的维护和更新,并负责对客户订单进行追踪和处理。除此之外,还应包 括客户关系管理等其他必要的后台管理机制。 图9-11说明了各页面模块之间的层次关系 本章小结 本章给出了一个典型商务网站案例一—BOOK网上书城的设计,通过介绍网站总体设 计、后台数据库设计、程序界面、功能解析以及部分页面的关键源代码,以达到使读者深 入学习和掌握商务网站设计相关知识和技术的目的。 习题 、思考与练 1.作为一个商务购物网站,在其前台商品展示与销售页面设计中,应该至少包括哪些 必要的功能模块? 2.什么是包含文件?如何创建包含文件?怎样将创建好的包含文件包含到当前的网 页中来? 3.在本章实例的商品展示页面中,是如何实现将每项商品的图片自动显示在网页的适
●再次显示客户所购商品的信息和送货地址等信息，并要求客户进一步确认。 ●生成一个与此对应的新订单，并将客户所购商品的信息及其送货信息保存到 orders 表中。 根据以上描述的各项任务，本示例网站编写了 Cart.asp、Checkout.asp 两个页面来协同 实现。 9.5 后台管理设计 任何一个商务网站都必须有健全的后台管理系统作为支撑。对于一个购物网站而言， 不仅需要在前台为客户提供方便友好的购物与结算环境，同样重要的是在后台对所提供的 商品信息进行及时的维护和更新，并负责对客户订单进行追踪和处理。除此之外，还应包 括客户关系管理等其他必要的后台管理机制。 图 9-11 说明了各页面模块之间的层次关系 本章小结 本章给出了一个典型商务网站案例——BOOK 网上书城的设计，通过介绍网站总体设 计、后台数据库设计、程序界面、功能解析以及部分页面的关键源代码，以达到使读者深 入学习和掌握商务网站设计相关知识和技术的目的。 习 题 一、思考与练习 1. 作为一个商务购物网站，在其前台商品展示与销售页面设计中，应该至少包括哪些 必要的功能模块？ 2. 什么是包含文件？如何创建包含文件？怎样将创建好的包含文件包含到当前的网 页中来？ 3. 在本章实例的商品展示页面中，是如何实现将每项商品的图片自动显示在网页的适
当位置上的? 4.在本章实例的商品展示页面中,当客户点击某项商品旁的“购物车”字样时,是如 何实现将该商品的名称、编号、单价等信息传入相应的处理程序,并将这些信息存入与该 客户对应的购物明细表中的? 5购物车页面设计是购物网站最为重要的页面程序设计,这里的购物车的实质是什 么?购物车页面所要实现的主要功能是什么? 6.如何实现为每个购物的客户分配一辆专用的购物车?如何确保每辆购物车的编号 都是唯一的? 7.一旦客户选购了某项商品时,为什么必须及时地将该客户的购物车信息(包括该客 户信息和所购商品信息)保存起来?有哪些方法可以保存客户的购物车信息?试述各种方 法的优缺点 8.在本章实例中,客户购物车中显示的每项已购商品的数量都是可以修改的,客户只 要在某项商品对应的文本框中输入新的数量值,然后点击“修改”按钮,就会根据新数量 值重新计算该项商品的金额和总金额。试用自己的话将其中的实现机制和相关语句的功能 叙述清楚 9.在进行购物网站的结账处理页面设计时,即在进行收银台页面设计时,通常需要完 成哪几项任务? 10.简述商务购物网站后台管理的重要性。后台管理通常要完成哪些任务?一般应包 含哪些程序功能模块?
当位置上的？ 4. 在本章实例的商品展示页面中，当客户点击某项商品旁的“购物车”字样时，是如 何实现将该商品的名称、编号、单价等信息传入相应的处理程序，并将这些信息存入与该 客户对应的购物明细表中的？ 5. 购物车页面设计是购物网站最为重要的页面程序设计，这里的购物车的实质是什 么？购物车页面所要实现的主要功能是什么？ 6. 如何实现为每个购物的客户分配一辆专用的购物车？如何确保每辆购物车的编号 都是唯一的？ 7. 一旦客户选购了某项商品时，为什么必须及时地将该客户的购物车信息(包括该客 户信息和所购商品信息)保存起来？有哪些方法可以保存客户的购物车信息？试述各种方 法的优缺点。 8. 在本章实例中，客户购物车中显示的每项已购商品的数量都是可以修改的，客户只 要在某项商品对应的文本框中输入新的数量值，然后点击“修改”按钮，就会根据新数量 值重新计算该项商品的金额和总金额。试用自己的话将其中的实现机制和相关语句的功能 叙述清楚。 9. 在进行购物网站的结账处理页面设计时，即在进行收银台页面设计时，通常需要完 成哪几项任务？ 10. 简述商务购物网站后台管理的重要性。后台管理通常要完成哪些任务？一般应包 含哪些程序功能模块？