唐祖贵
(贵州民族学院数学与计算机科学系 贵阳 550025)
摘要 随着计算机网络技术的迅速发展和国际互联网的普及应用，电子商务已成为一种新的贸易手段和交易方式。本文详细描述了利用Dreamweaver MX及在Win2000server+IIS+ASP中建设电子商务网站的规划设计过程。
关键词 电子商务 网上超市 购物车 Dreamweaver MX
THE LAYOUT AND CONSTRUCTION OF ELECTRONIC COMMERCIAL WEB
Tang Zu-Gui
(The department of maths and computer sciences grade 2000 of Guizhou University for ethnic minorities GuiYang 550025)
Abstract With the fast development of the internet technology and the universalized application of the international internet, electronic commerce has become a new trading way. In this context, I'll describe the analysis procedure on building electronic commerce net site by Dreamweaver MX &Win2000serve +IIS+ASP.
Keywords electronic commerce, supermarket on interne, shopping car, Dreamweaver MX
一、引言
电子商务，是基于Internet来传播商品信息的。这使得在电子商务条件下商品信息的 传播能超出地域、文化及其他传统传播方式的限制，使商品信息传播变得更为迅速，更为广泛地挖掘客户群体，进而使客户从在线网上超市订购货物，实现价值。而投资者无需大笔资金，就可以申请网站开办网上超市，完成最简单的电子商务。
据有关专家预测，到2005年，人们使用Internet的时间将超过使用电话的时间，在网络上的交易将达到每年10万亿次甚至更多。当前，全球电子商务交易额正以10倍的速度增长，已成为世界经济的新增长点，是现代商业发展的趋势。由此可见，电子商务有着较强的投资效益比。为此，作为商家要拥有一个美观而实用的电子商务网站来吸引客户是十分必要的。 二、版面规划
一个网站的版面精彩与否、立意新颖与否、主题的鲜明与否等将直接影响到浏览者是否愿意到该站漫游。本站在遵循快速、简洁、吸引人、信息概括能力强、易于导航的原则，对版面做出大致规划应包含下列基本内容：
●页头。用来准确无误地标示网站的名称，它应该能够体现出网站的主题，而该主题是与网站所提供产品和服务紧密相关的，它集中和概括地反映了网站的经营理念和服务定位。本站将采用名称（贵州瞬捷贸易网）和图像来表示。
●主菜单。它提供了对关键页面的导航，其超链接或图标提示了用户在电子商务网站的其他页面上还载有什么样的信息，用户可以根据这样一个简单的功能化界面，迅速地到达他们所需信息的其他页面上。在链接上采用了CSS样式。
●最新消息的传递。网络上每天都有新的东西出现，如果电子商务网站的信息从不改变,
就很难吸引用户多次访问。为了保持新鲜感，应确保页面经常更换最新的信息，在本网站的主页面中采用了一个滚动栏来发布最新信息，给用户以方便和新鲜感。另还有在页面上的链接应确保链接正确和通畅，以免用户收到 “无法查阅所需页面”的错误提示而对网站失去兴趣。
●电子邮件地址。在页面底部设计简单的电子邮件链接，可使用户与负责网站建设或网站反馈消息的有关人员迅速取得联系，节约大量搜索时间。
●联络信息。在每页面的底部也列出网站的服务电话等联系方式，方便用户以非E-mail的方式与网站的相关人员取得联系。
●版权信息。在网站的首页下端标示一句简短的版权声明。
●其它信息。除了上面的信息以外，在部分页面上还包括其他的一些功能模块。如：站内搜索引擎，广告条，友情链接，新品展示区等内容。
三、ASP在电子商务中的应用
在电子商务中，对用户而言，进行网上信息查询的目的是寻找自己需要的产品或服务，而对于商品或服务提供者来说，其目的则是向用户推销自己的产品或服务。因此，让用户通过浏览器查询服务器的后端数据库是许多Web服务提供者必需有的服务，ASP通过内置的ADODB组件来实现这一功能。可以使用ADO去编写紧凑简明的脚本以便连接到ODBC 兼容的数据库和 OLE DB 兼容的数据源。具体的操作步骤可以归纳为以下几步：
① 创建数据源名（DSN） ADODB通过ODBC工作，因此要在ODBC中设置DSN（数据源名）。打开Windows的\"控制面板\"，双击\"ODBC\"的图标，然后选择\"文件 DSN \"的属性页，单击<添加>，选择数据库驱动程序，然后单击\"下一步\"，按照屏幕的指示键入数据源文件的名称，然后单击下一步\"，再单击\"完成\"创建数据源。
②创建数据库链接 链接用以保持一些关于正在访问的数据的动态信息，以及链接者信息。利用ADODB的成员函数Open和先前设定的DSN与数据库连接，其语法如下：
SetConnect=Server.CreateObject(\"ADODB.Connection\") '创建了链接对象Connect。 Connect.Open(\"DSN=dsnname；UID=userID；PWD=password\") '打开链接。dsnname为数据源名；userID为用户名；password为用户口令。
2
③创建数据对象 ADO中的数据对象通常保存的是查询结果。RecordSet 是ADO中最复杂的对象，有许多属性和方法，灵活运用，可以达到许多好的效果。其创建方法如下： Set RecordSet =Connect.Execute(sqtStr) '创建并打开了对象RecordSet ，sqtStr是一个串，代表一条标准的SQL语句。例如： sqlStr=\"SELECT* FROM b1\" Set RecordSet
=Connect.Execute(sqlStr) 这条语句执行后，对象RecordSet中就保存了b1中的所有记录。
④操作数据库 可利用Execute方便地执行数据的插入、修改、删除等操作。如执行插入操作： sqlStr=\"Insert Into b1Values(1,2)\" Connect.Execute(sqlStr)。
⑤关闭数据对象和链接 在使用了ADO对象之后，一定要关闭数据对象和链接。在ASP中通过调用方法close实现关闭。 关闭创建的数据对象：Record Set .close Set Record Set=Nothing 关闭创建的链接对象：Connect. close Set Connect=Nothing 完整的程序片段： <％ SetConnect=Server.CreateObject(\"ADODB.Connection\")'产生组件实例 Connect.Open(\"DSN=dsnname;UID=userID;PWD=password\") '连接数据库 SQL=select＊fromtablename SetRS=Connect.Execute(SQL) '执行查询 ％> <％DoWhile Not RS.EOF％>'显示结果 <％=RS(fieldname)％> <％ Rs.MoveNext Loop ％> 上述是用ASP访问数据库的全过程，由于应用面向对象思想，所有操作都比较简单，需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等，只要对这些有了清晰的认识，再加上ASP强大功能，在网络上使用数据库，实现用户与页面间交换信息，就再也不是什么难事了。
四、电子商务网站建设的主要技术
（1）Macromedia Dreamweaver MX,它是一个完整的集成解决方案，它整合了Dreamweaver的可视布局工具、Dreamweaver UltraDev的快速web应用程序开发功能以及Homesite的代码编辑支持。
（2）Active Server Page(ASP,动态网页)，简单地讲，它是位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式web服务器应用程序。使用ASP还有个好处，就是在于ASP它可以利用ADO(Active Data Object)方便地访问数据库，从而使得开发基于WWW的应用系统成为可能。
（3）ASP运行平台，如果希望运行ASP程序，就应当安装能够支持网络服务器的操作系统。常见的有个人网络服务器PWS（Personal Web Server）和因特网信息服务器IIS(Internet Information Server)。
3
（4）Web站点，它是计算机网络上的一个位置，它以网页或文档形式提供信息，访问者只需通过web浏览器连接到站点即可。计算机网络可以是Internet,也可以是链接办公室中所有计算机的本地网络Intranet.
（5）Access数据库,电子商务是以数据库技术和网络技术为支撑的，其中数据库技术是核心。使用Access无须编写任何代码，只需通过图形化操作界面就可以完成大部分数据库的管理和操作。它是面向对象的采用事件驱动机制的关系数据库管理系统。它可以通过ODBC与其它数据库相连接，实现数据的互操作。
五、电子商务网站的设计分析过程
一个完整的电子商务内涵可以用公式形象地表示如下：电子商务=网上信息传递+网上交易+网上结算+配送。基于此要求，我们将对网站进行规划，大致功能模块结构图如下：
现在我们来逐步分析各大模块如下： 5.1注册会员
此功能模块主要为了吸引游客成为本网站的长期客户和帮助公司了解客户的详细信息，包括客户的姓名、住址、电话、E-mail等方面。在设计过程中，我们为了吸引游客成为会员，网站采取了奖励措施（网上超市中所有商品对会员实行九折优惠），并指导他们如何注册。而对于已注册的会员，将可以在网站中的留言板发表评论及提出所需商品的信息要求。其注册模块数据流图如下：
Web应用程序通常包含一个需要用户在首次访问站点时注册的页面,该页面称为注册页面。注册页面的作用是让首次访问站点的用户填写个人资料，并将这些资料保存到服务器上的数据库中。因此，为了保存用户的注册信息，我们在数据库中新建一个表，并将它命名为Regedit.mdb，该表中所包含的各个字段如下表列出：
4
注册表信息表的字段定义 字段名称 UserName Password E-mail Address Question Answer
在创建了用于存储注册信息的数据库表后，便可以在Dream weaver MX中着手设计注册页面，主要有以下3个步骤：（1）在页面中添加一个HTML表单，让用户输入用户名和密码等信息。在此过程中，不必对表单设置“动作”和“方法”属性。因为在该页面中添加“插入记录”服务器行为时，该行为会自动设置这些属性，以告诉表单当用户单击提交按钮如何发送记录数据以及发送到什么地方。还有在插入密码文本框时，在属性中类型项选取“密码”（见下图）。
数据类型 字段大小文本 数字 文本 文本 文本 文本
10 10 20 20 50 50
必填字段
是 是 是 是 否 否
主键 是 否 否 否 否 否
说明
用户名，表中主键 登录密码 电子邮件地址 用户住所详细地址 忘记密码时的提示问题 回答提示问题的答案
（2）在页面中添加一个“插入记录”服务器行为，用于更新数据库表。当中要注意，在“插入后，转到”文本框中，要指定一个页面，用于提示用户注册成功是否，并允许通过单击一个链接跳转到登录页面。本站设计“插入记录”对话框如下图：
（3）在页面中添加一个“检查新用户名”服务器行为，用于确认用户输入的用户名是否被其它用户占用。当用户单击注册页面上的“注册”按钮时，该服务器行为将对用户输入的用户名和存储在注册用户数据库表中的用户名进行比较。如果没有在数据库中找到匹配的用户名，该服务器行为通常会执行插入记录操作。如果找到相匹配的用户名，该服务器行为将取消插入记录操作并打开一个新的页面，用来提示该用户名已被占用，请重新输入。
5
5.2会员登录
此模块就好像是举行会议的大楼一样，专门有个门卫对你进行身份识别，认证合格后发给你一个通行证和优待证。带上证件你就可以享受里面的任何优惠待遇，其数据流图如下：
本站Web应用程序在首页包含一个让注册用户登录到站点区域，称为会员登录专区。专区的功能是将登录时提交的用户名和密码与数据库表中的注册数据进行比较，如果两者相匹配，则登录成功，并转到会员网页区中；如果两者不匹配，则登录失败。 在Dreamweaver MX中制作登录页面通常由以下构造模块组成：
■ 存储注册用户信息的数据库表。
■ 让用户输入用户名和密码的的HTML表单。
■ 确认用户名和密码的有效性的“登录用户”服务器行为。
5.3留言板
对于每个电子商务网站来说，都希望顾客到自己的站点来逛了之后，能留下他们的想法，以便网站的管理员能了解现在顾客在想些什么，希望得到什么样的商品，需要网站提供什么服务等，这就是留言板的功能。本站设计的留言板主要包括：
(1)引导主页面，它包含需要用户输入的信息项如：留言者、E-mail、标题、留给谁、内容。在其中我们对表单中的文本框定义了检查输入信息格式的函数check( ),并使用控件的Focus TO( )方法将焦点转到出错的输入框中（其定义代码见下）。因此，客户必须输入完整的留言及正确的电子邮件地址才能发表留言,否则会提示相应的出错信息如下图所示：
7
(2)添加留言页, 当中的添加留言页并不真正用来显示，其中包含的是“纯”的ASP代码，用来将来自引导主页面的留言内容写入Message.mdb数据库中并提示记录添加成功如图。
(3)查看留言页,当用户在引导页点击查看留言时,将调用此页显示所有客户留言.在美化方面我们用淡黄色与浅蓝色协调配合,显得美观大方.显示效果如下图:
(4) Access数据库文件Message.mdb。其实文本文件也可以用来记录留言,但它容量少、生存期短，而真正的留言系统往往要求更为丰富的功能。为此，我们考虑使用数据库来存储留言内容的方式完成一个完善的留言板系统。该数据库只需要一个表Message,其结构如下所示：
字段名
Id User E-mail Towho Addtime Content
5.4网上超市（购物区）
计算机网络的发展必然为企业创造巨大的商机。许多企业通过网上广告为
8
数据类型 自动编号 文本 文本 文本 文本 备注
必填 是 是 是 是 否 否
索引 是 无 无 无 无 无
产品开拓市场，制作精美的网页以树立企业形象，通过互发邮件来加强与客户的信息沟通……然而，仅为吸引客户来从事网上商品交易活动才是上述诸多应用的中心和归宿。
我们的网上超市（购物区）模块正是为实现用户来网上购物而专门设计的，它通过ADO（Active Data Object）技术，以及SQL语句的灵活运用，来实现对数据库的操作。它有一个数据库文件store.mdb(包括“网上商品”表和“订单”表)及7个asp文件，分别是：
（1）登录网页（Login.asp）检验客户并获取其信息。
（2）框架网页（Main.asp）首先接受来自登录网页提交的顾客名称，并将顾
客名称和登录 时间保存在session变量中,代码:<% Session(\"Name\") = Request(\"Name\") Session(\"time0\") = time() %>。网页中设计有两个框架，上方框架显示操作菜单，来源于网页Menu.asp;下方网页则显示商品信息，来源于网页Catalog.asp。本框架将使用如下代码: