第九章 商务网站综合设计举例本章通过创建一个具体的网上书店网站来介绍商务网站程序设计所涉及的各个主要功能模块,详细讲述商品展示、商品搜索、购物车创建与管理、收银台与订单处理等页面程序的设计过程,同时给出了部分程序的关键源代码。
这一章融会了前面各章的知识,内容相当丰富,同时还介绍了动态交互网页编程和 Web数据库应用编程方面的许多技巧。
9.1 总体结构设计一、网站主要功能模块
BOOK网上书城用户管理 在线售书 书城管理图 9-1 网站主要功能模块二、数据库设计
本示例网站采用 Access数据库作为存放商品信息、客户资料和订单信息的数据库。对于具有较大访问量和较高数据安全需求的网站建议采用 SQL Server 2000等中大型数据库。事实上,对于网络程序的编写来讲,采用不同类型的数据库几乎是没有区别的。
图 9-2 数据库 db.mdb中包含的表三、主要页面文件为实现本网站各项功能,需设计如下网页文件,见表 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 商品展示功能设计一、数据表设计本实例是一网上书店,是典型的商务网站,要实现网站和用户的交互以及动态数据存储更新,必须有后台数据库作支撑,也必须设计相应的数据表用于存储相关数据,表 9-2是用来保存网上书店的书籍信息的表 Product。
二、包含文件设计当在某个页面中需要插入该代码段时,即可用以下形式的语句将其包含进来 。
<!--#include file = "filename">
三、商品搜索页面设计为使客户能通过输入与商品有关的关键字来搜索所需的商品,为此本网站创建一个名为 Search.asp的页面,用来收集客户输入的商品查询关键字,然后打开有关的商品表借助 SQL语句的模糊查询功能来实现商品的搜索,最后再返回到商品展示页面将查询到的商品结果显示出来 。
图 9-5 Search.asp图书搜索页四、商品展示页面设计
Index.asp是网站的首页也是商品展示页面,是本示例网站中最重要的页面之一,其主要任务是把 db数据库内 Products表中的各条商品记录以表格的形式显示在网页中。
图 9-6 网站首页即商品展示网页
9.3 购物车设计
实现购物过程的核心是购物车的实现和订单的提交和处理,购物车页面设计是购物网站最为重要的页面程序设计。
一般说来,购物车页面的设计也属于整个购物网站页面设计中难度较高的部分。
图 9-7 购物车页面
9.4 收银台设计收银台设计所要完成的主要任务包括:
●创建一个表单用于填写和收集客户信息,以便为该客户送货 。
●再次显示客户所购商品的信息和送货地址等信息,并要求客户进一步确认 。
●生成一个与此对应的新订单,并将客户所购商品的信息及其送货信息保存到 orders表中 。
根据以上描述的各项任务,本示例网站编写了 Cart.asp,Checkout.asp两个页面来协同实现。
图 9-9 重新计算后的结果图 9-10 填写送货信息表单
9.5 后台管理设计
任何一个商务网站都必须有健全的后台管理系统作为支撑。对于一个购物网站而言,
不仅需要在前台为客户提供方便友好的购物与结算环境,同样重要的是在后台对所提供的商品信息进行及时的维护和更新,
并负责对客户订单进行追踪和处理。除此之外,还应包括客户关系管理等其他必要的后台管理机制。
图 9-11说明了各页面模块之间的层次关系图 9-11 后台管理模块图 9-12,管理书籍”页面图 9-13 添加新书页面表单图 9-14 订单管理页中的订单列表图 9-15 订单管理页中的订单明细图 9-16 后台管理员账户的管理页面图 9-17 前台客户信息管理页面本章小结
本章给出了一个典型商务网站案例 ——
BOOK网上书城的设计,通过介绍网站总体设计、后台数据库设计、程序界面、
功能解析以及部分页面的关键源代码,
以达到使读者深入学习和掌握商务网站设计相关知识和技术的目的。
习 题一,思考与练习
1,作为一个商务购物网站,在其前台商品展示与销售页面设计中,应该至少包括哪些必要的功能模块?
2,什么是包含文件? 如何创建包含文件? 怎样将创建好的包含文件包含到当前的网页中来?
3,在本章实例的商品展示页面中,是如何实现将每项商品的图片自动显示在网页的适当位置上的?
4,在本章实例的商品展示页面中,当客户点击某项商品旁的,购物车,字样时,
是如何实现将该商品的名称,编号,单价等信息传入相应的处理程序,并将这些信息存入与该客户对应的购物明细表中的?
5,购物车页面设计是购物网站最为重要的页面程序设计,这里的购物车的实质是什么? 购物车页面所要实现的主要功能是什么?
6,如何实现为每个购物的客户分配一辆专用的购物车? 如何确保每辆购物车的编号都是唯一的?
7,一旦客户选购了某项商品时,为什么必须及时地将该客户的购物车信息
(包括该客户信息和所购商品信息 )保存起来? 有哪些方法可以保存客户的购物车信息? 试述各种方法的优缺点 。
8,在本章实例中,客户购物车中显示的每项已购商品的数量都是可以修改的,客户只要在某项商品对应的文本框中输入新的数量值,然后点击,修改,按钮,就会根据新数量值重新计算该项商品的金额和总金额 。 试用自己的话将其中的实现机制和相关语句的功能叙述清楚 。
9,在进行购物网站的结账处理页面设计时,即在进行收银台页面设计时,通常需要完成哪几项任务?
10,简述商务购物网站后台管理的重要性 。 后台管理通常要完成哪些任务? 一般应包含哪些程序功能模块?
二,实践题
1,仿照本章商品搜索页面的设计实例,创建 —个站点内部的搜索引擎 。
2,仿照本章实例设计并创建一个自己的网上超市 。
3,对本章的实例进行改进,增加对客户定单状态进行选择修改的后台管理功能 。
4,完善本章实例网站的后台商品管理页面,编写具体的程序代码实现各类商品的上架 (新增商品 )和下架 (删除商品 ),以及各类商品信息的查看和修改等功能 。
5,完善本章实例网站的后台订单管理页面,编写具体的程序代码实现根据每个订单的状态标记对所有订单进行跟踪管理。