商务网站设计教程商务网站综合设计举例

《商务网站设计教程商务网站综合设计举例》由会员分享，可在线阅读，更多相关《商务网站设计教程商务网站综合设计举例（17页珍藏版）》请在装配图网上搜索。

1、第九章 商务网站综合设计举例 9.1 总体结构设计总体结构设计 一、网站主要功能模块一、网站主要功能模块 BOOK网上书城用户管理在线售书书城管理图9-1 网站主要功能模块二、数据库设计二、数据库设计 p 本示例网站采用本示例网站采用Access数据库作为存放商品信息、客户资料和订数据库作为存放商品信息、客户资料和订单信息的数据库。对于具有较大访问量和较高数据安全需求的网单信息的数据库。对于具有较大访问量和较高数据安全需求的网站建议采用站建议采用SQL Server 2000等中大型数据库。事实上，对于网络等中大型数据库。事实上，对于网络程序的编写来讲，采用不同类型的数据库几乎是没有区别的。程

2、序的编写来讲，采用不同类型的数据库几乎是没有区别的。图9-2 数据库db.mdb中包含的表三、主要页面文件三、主要页面文件为实现本网站各项功能，需设计如下网页文件，见表为实现本网站各项功能，需设计如下网页文件，见表9-19-1。四、系统开发环境简介四、系统开发环境简介1.1.系统软件需求系统软件需求（1 1）开发环境：）开发环境：Microsoft windows 2000 serverMicrosoft windows 2000 server；Dreamweaver MX 2004Dreamweaver MX 2004中文版；中文版；Access 2000Access 2000；Photos

3、hop 7.0Photoshop 7.0。（2 2）运行环境：）运行环境：Microsoft windows NT 4.0Microsoft windows NT 4.0系统或以上配置；系统或以上配置；Internet Information Server 5.0Internet Information Server 5.0或更高；或更高；Internet explore 5.0Internet explore 5.0浏览器或更高。浏览器或更高。2.2.系统硬件需求系统硬件需求Intel Pentium IIIIntel Pentium III系列处理器或更高；系列处理器或更高；64M SDR

4、AM64M SDRAM内存或者更高；内存或者更高；集成显示芯片或更高配置；集成显示芯片或更高配置；1G1G硬盘剩余控件或更高。硬盘剩余控件或更高。9.2 商品展示功能设计商品展示功能设计 一、数据表设计一、数据表设计 本实例是一网上书店，是典型的商务网站，要实现网站和用户的交互本实例是一网上书店，是典型的商务网站，要实现网站和用户的交互以及动态数据存储更新，必须有后台数据库作支撑，也必须设计以及动态数据存储更新，必须有后台数据库作支撑，也必须设计相应的数据表用于存储相关数据，表相应的数据表用于存储相关数据，表9-29-2是用来保存网上书店的书是用来保存网上书店的书籍信息的表籍信息的表Produ

5、ctProduct。二、包含文件设计二、包含文件设计 当在某个页面中需要插入该代码段时，即可用以下形式的语句将其包当在某个页面中需要插入该代码段时，即可用以下形式的语句将其包含进来。含进来。!-#include file=filename三、商品搜索页面设计三、商品搜索页面设计为使客户能通过输入与商品有关的关键字来搜索所需的商品，为此本网为使客户能通过输入与商品有关的关键字来搜索所需的商品，为此本网站创建一个名为站创建一个名为Search.aspSearch.asp的页面，用来收集客户输入的商品查询关的页面，用来收集客户输入的商品查询关键字，然后打开有关的商品表借助键字，然后打开有关的商品表借

6、助SQLSQL语句的模糊查询功能来实现商品语句的模糊查询功能来实现商品的搜索，最后再返回到商品展示页面将查询到的商品结果显示出来。的搜索，最后再返回到商品展示页面将查询到的商品结果显示出来。图9-5 Search.asp图书搜索页四、商品展示页面设计四、商品展示页面设计 Index.asp是网站的首页也是商品展示页面，是本示例网站中最重要是网站的首页也是商品展示页面，是本示例网站中最重要的页面之一，其主要任务是把的页面之一，其主要任务是把db数据库内数据库内Products表中的各条商表中的各条商品记录以表格的形式显示在网页中。品记录以表格的形式显示在网页中。图9-6 网站首页即商品展示网页9

7、.3 购物车设计购物车设计 p 实现购物过程的核心是购物车的实现和订单的提交和处理，购物实现购物过程的核心是购物车的实现和订单的提交和处理，购物车页面设计是购物网站最为重要的页面程序设计。车页面设计是购物网站最为重要的页面程序设计。p 一般说来，购物车页面的设计也属于整个购物网站页面设计中难一般说来，购物车页面的设计也属于整个购物网站页面设计中难度较高的部分。度较高的部分。图9-7 购物车页面9.4 收银台设计收银台设计 收银台设计所要完成的主要任务包括：收银台设计所要完成的主要任务包括：创建一个表单用于填写和收集客户信息，以便为该客户送货。创建一个表单用于填写和收集客户信息，以便为该客户送货

8、。再次显示客户所购商品的信息和送货地址等信息，并要求客户进一步确认。再次显示客户所购商品的信息和送货地址等信息，并要求客户进一步确认。生成一个与此对应的新订单，并将客户所购商品的信息及其送货信息保存生成一个与此对应的新订单，并将客户所购商品的信息及其送货信息保存到到ordersorders表中。表中。根据以上描述的各项任务，本示例网站编写了根据以上描述的各项任务，本示例网站编写了Cart.asp、Checkout.asp两两个页面来协同实现。个页面来协同实现。图9-9 重新计算后的结果图9-10 填写送货信息表单9.5 后台管理设计后台管理设计 p 任何一个商务网站都必须有健全的后台管任何一个

9、商务网站都必须有健全的后台管理系统作为支撑。对于一个购物网站而言，理系统作为支撑。对于一个购物网站而言，不仅需要在前台为客户提供方便友好的购不仅需要在前台为客户提供方便友好的购物与结算环境，同样重要的是在后台对所物与结算环境，同样重要的是在后台对所提供的商品信息进行及时的维护和更新，提供的商品信息进行及时的维护和更新，并负责对客户订单进行追踪和处理。除此并负责对客户订单进行追踪和处理。除此之外，还应包括客户关系管理等其他必要之外，还应包括客户关系管理等其他必要的后台管理机制。的后台管理机制。p 图图9-119-11说明了各页面模块之间的层次关系说明了各页面模块之间的层次关系 图9-11 后台管

10、理模块图9-12“管理书籍”页面图9-13 添加新书页面表单图9-14 订单管理页中的订单列表图9-15 订单管理页中的订单明细图9-16 后台管理员账户的管理页面图9-17 前台客户信息管理页面本章小结本章小结 p本章给出了一个典型商务网站案例本章给出了一个典型商务网站案例BOOK网上书城的设计，通过介绍网站网上书城的设计，通过介绍网站总体设计、后台数据库设计、程序界面、总体设计、后台数据库设计、程序界面、功能解析以及部分页面的关键源代码，功能解析以及部分页面的关键源代码，以达到使读者深入学习和掌握商务网站以达到使读者深入学习和掌握商务网站设计相关知识和技术的目的。设计相关知识和技术的目的。

11、习习 题题 一、思考与练习一、思考与练习1.1.作为一个商务购物网站，在其前台商品展示与销售页面设计中，应该至少作为一个商务购物网站，在其前台商品展示与销售页面设计中，应该至少包括哪些必要的功能模块？包括哪些必要的功能模块？2.2.什么是包含文件？如何创建包含文件？怎样将创建好的包含文件包含到当什么是包含文件？如何创建包含文件？怎样将创建好的包含文件包含到当前的网页中来？前的网页中来？3.3.在本章实例的商品展示页面中，是如何实现将每项商品的图片自动显示在在本章实例的商品展示页面中，是如何实现将每项商品的图片自动显示在网页的适当位置上的？网页的适当位置上的？4.4.在本章实例的商品展示页面中，

12、当客户点击某项商品旁的在本章实例的商品展示页面中，当客户点击某项商品旁的“购物车购物车”字样时，字样时，是如何实现将该商品的名称、编号、单价等信息传入相应的处理程序，并是如何实现将该商品的名称、编号、单价等信息传入相应的处理程序，并将这些信息存入与该客户对应的购物明细表中的？将这些信息存入与该客户对应的购物明细表中的？5.5.购物车页面设计是购物网站最为重要的页面程序设计，这里的购物车的实购物车页面设计是购物网站最为重要的页面程序设计，这里的购物车的实质是什么？购物车页面所要实现的主要功能是什么？质是什么？购物车页面所要实现的主要功能是什么？6.6.如何实现为每个购物的客户分配一辆专用的购物车

13、？如何确保每辆购物车如何实现为每个购物的客户分配一辆专用的购物车？如何确保每辆购物车的编号都是唯一的？的编号都是唯一的？7.7.一旦客户选购了某项商品时，为什么必须及时地将该客户的购物车信息一旦客户选购了某项商品时，为什么必须及时地将该客户的购物车信息(包括该客户信息和所购商品信息包括该客户信息和所购商品信息)保存起来？有哪些方法可以保存客户的保存起来？有哪些方法可以保存客户的购物车信息？试述各种方法的优缺点。购物车信息？试述各种方法的优缺点。8.8.在本章实例中，客户购物车中显示的每项已购商品的数量都是可以修改的，客在本章实例中，客户购物车中显示的每项已购商品的数量都是可以修改的，客户只要在

14、某项商品对应的文本框中输入新的数量值，然后点击户只要在某项商品对应的文本框中输入新的数量值，然后点击“修改修改”按钮，就会按钮，就会根据新数量值重新计算该项商品的金额和总金额。试用自己的话将其中的实现根据新数量值重新计算该项商品的金额和总金额。试用自己的话将其中的实现机制和相关语句的功能叙述清楚。机制和相关语句的功能叙述清楚。9.9.在进行购物网站的结账处理页面设计时，即在进行收银台页面设计时，通常需在进行购物网站的结账处理页面设计时，即在进行收银台页面设计时，通常需要完成哪几项任务？要完成哪几项任务？10.10.简述商务购物网站后台管理的重要性。后台管理通常要完成哪些任务？一般应简述商务购物

15、网站后台管理的重要性。后台管理通常要完成哪些任务？一般应包含哪些程序功能模块？包含哪些程序功能模块？二、实践题二、实践题1.1.仿照本章商品搜索页面的设计实例，创建仿照本章商品搜索页面的设计实例，创建个站点内部的搜索引擎。个站点内部的搜索引擎。2.2.仿照本章实例设计并创建一个自己的网上超市。仿照本章实例设计并创建一个自己的网上超市。3.3.对本章的实例进行改进，增加对客户定单状态进行选择修改的后台管理功能。对本章的实例进行改进，增加对客户定单状态进行选择修改的后台管理功能。4.4.完善本章实例网站的后台商品管理页面，编写具体的程序代码实现各类商品的完善本章实例网站的后台商品管理页面，编写具体的程序代码实现各类商品的上架上架(新增商品新增商品)和下架和下架(删除商品删除商品)，以及各类商品信息的查看和修改等功能。，以及各类商品信息的查看和修改等功能。5.5.完善本章实例网站的后台订单管理页面，编写具体的程序代码实现根据每个完善本章实例网站的后台订单管理页面，编写具体的程序代码实现根据每个订单的状态标记对所有订单进行跟踪管理。订单的状态标记对所有订单进行跟踪管理。