毕业设计（论文）ASP网站总体规划设计

《毕业设计（论文）ASP网站总体规划设计》由会员分享，可在线阅读，更多相关《毕业设计（论文）ASP网站总体规划设计（45页珍藏版）》请在装配图网上搜索。

1、目目 录录摘要.IABSTRACT.II1 绪言.11.1 课题背景.11.2 课题研究的目的和意义.32 开发技术及平台介绍.42.1 ASP 介绍.42.2 HTML 介绍.62.3 脚本语言介绍.62.4 IIS 介绍.72.5 数据库介绍.92.6 DREAMWEAVER 8 介绍.113 网站总体规划设计.133.1 网站需求分析.133.2 网站设计目标.133.3 网站结构模块设计.133.4 网站主要工作流程.154 网站具体实现.164.1 配置 IIS.164.2 动态数据库设计.174.3 数据库连接.194.4 登陆注册模块的实现.204.5 系统安全模块.244.6

2、客户信息管理模块的实现.244.7 企业信息管理模块的实现.345 系统发布与测试.406 总结与展望.41致 谢.42参考文献.4311 1 绪言绪言二十世纪以来，随着个人计算机和Internet的迅猛发展,一个全球互联的商业时代已经到来。如果说2000年之前工业经济开始代替农业经济，那么今天，知识经济正在逐步代替工业经济。电子商务作为Internet的一个新的应用领域已开始真正地走向传统商务活动的各个环节和各个领域，并直接影响和改变着社会经济生活的各个方面。本章阐述了课题研究的背景，其中介绍了电子商务以及电子商务网站的相关概念，并说明了建设互联网电子商务网站的目的和意义。1.11.1 课题

3、课题背景背景电子商务这项技术自诞生以来，就在企业的经营模式、政府的管理模式、人们的生活方式等方面给人类带来了一次革命，推动了生产力的发展。虽然，和任何新技术一样，目前它并不能解决电子交易中的所有问题，但从长远来看，电子商务的重要性不可估量。据专家估计，在未来的5至10年之内，无论公司位于何处，顾客都能以非常方便、快捷的方式进行购物。同时，所有公司都能够在全球范围内竞争，能够根据它们的竞争对手的情况和来调整自身的销售战略。所以，对于现代企业或公司来说拥有自己的电子商务网站非常重要，不但能为顾客提供方便，更能拓展自身的业务范围，提升企业影响力。1.1.11.1.1 电子商务简介电子商务简介所谓电子

4、商务就是指在电子网络上进行商品买卖和服务交易的过程。实现电子商务最普遍的媒介是Internet。电子商务有狭义和广义之分。狭义的电子商务也称作电子交易(E-Commerce)，主要是指利用Internet开展的交易活动，它仅仅将Internet上进行的交易活动归属于电子商务。而广义的电子商务也称作电子商业(E-Business)，是指利用电子技术对整个商业活动实现电子化，如市场分析、客户联系、物资调配等。电子商务的应用可以分为三类，即企业与企业之间(Business to Business,B to B)、企业内部之间(Intra-organization Electronic Commerc

5、e)、及企业与客户之间(Business to Customer,B to C)。电子商务与传统商务活动相比具有许多明显的优点，主要表现在以下几点：(1)电子商务大大简化了商品的流通环节，提高了交易效率。电子商务利用快捷、便利的计算机网络作为通讯手段，在更广阔的时空里实现商品流通信息的咨询、交换，以致直接开展网上贸易。在这里，Internet用一条前所未有的纽带把全世界的商品供需双方联系在一起，客户在不与商家碰面的情况下即可完成意向洽谈、看样订货、实际购买和支付贷款的交易全过程。电子商务模式2的出现，取代了商品流通中大量的中间行为，商品代理制、分销商、层层叠叠的批发，以及展览会、展销会等都有可

6、能随着电子商务这种新型销售方式的崛起而变得不再那么重要。(2)电子商务是实现跨地区跨国界交易的更有效的途径。利用多媒体及与此相应的软件编程技术，商家能够在网络上构筑销售其产品的“虚拟展厅”，以生动逼真的视频图像和动画技术，辅以文字、声音等附加信息，对产品进行全方位的描述和介绍，使用户或消费者远在万里之遥也同样能感到身临其境的现场效果，足不出户便可实现消费意愿。在网络构筑的“世界大展厅”里，还能“货币三家”择其所爱。与目前流行的电视直销相比，网络电子商务更具有优越性。(3)电子商务可以降低交易成本，获得较高利润。据调查，使用Internet的商家基础设施投资回报率达到21%68%。据报道，美国的

7、银行通过Internet的交易每笔付费只有13美分，而通过文传的交易每笔付费要26美分，通过电话交易每笔付费是54美分，按照传统方式到银行柜台当面交易每笔付费最高达1.08美元。(4)电子商务可以加强生产者和消费者之间的联系，提高服务质量。降低成本还不是电子商务的主要目的和收获，改善生产者和消费者之间的关系才是最大的收获，这样才能给生产者带来丰厚的汇报。销售商从繁琐的事务性工作中解脱出来，主要任务是帮助客户解决问题。另外，客户可以通过网站及时间供应商反馈产品的质量情况，寻求供应商售后服务的支持，供应商还可以通过网站及时收集市场反馈信息，满足客户的需求。(5)24小时不分时区的商业运作可以增加商

8、业机会。电子商务系统可以使用户得到24小时的信息查询和订货服务，可以使商家进行24小时的产品宣传和接收订单，方便了用户，提高了效率，同时降低了商家的运营成本。统计表明，电子商场的利用率为21.04，比传统商店7.5%的利用率高出两倍。(6)电子商务还可增强企业的竞争力，提高企业的社会效益。1.1.21.1.2 电子商务网站简介电子商务网站简介一个电子商务网站并不像一般的网页那样，只要拥有好看的页面和动态效果就可以发挥网站的功能，电子商务网站必须具备数据处理的能力和查询与传输的功能，特别是在所要组建的电子商务网站具备公司内部资料汇总功能和向消费者与客户提供线上订购环境的情况下。Web页面分为两种

9、：静态页面和动态页面。其中，如果对所有的用户请求都返回同样的页面内容，那么这样的Web页面称为静态页面。静态网页由于内容固定不3变，一般以HTML文件方式储存。静态页面修改时，只需要使用文本编辑器或HTML编辑器编辑HTML文件即可。除了静态页面，许多Web页面是依据时间、用户的输入或参数而动态生成的HTML文档，网页的内容是动态变化的，因此被称为动态网页。动态网页主要用于数据经常改变、需要用户输入信息等情形。动态网页技术包括CGI、ASP、JSP等。显然，电子商务网站有别于普通网站最突出的一点就是：它强调信息的交互。而在这一点上，普通静态网页是无法满足要求的，所以，发展一个电子商务网站，首要

10、的工作除了设计网站的外观以外，对资料的创建和如何让网站内的页面可以与数据库相结合，也是设计者在设计这个网站时必须重点考虑的内容。电子商务网站更多的把着眼点放在自身的商务功能上，所以其并不追求鲜艳的色彩及华丽的布局，但在设计的过程中非常注重清晰的逻辑和分明的层次，要做到信息丰富、及时而不杂乱，功能完备、强大且易操作，讲究设计的人性化，要有利于客户和企业双方使用。1.21.2 课题研究的目的和意义课题研究的目的和意义目前人们的生活已越来越离不开互联网，从最初的仅仅从网上单向地获取信息发展到了在网上聊天、购物等通过互联网与他人交互信息。在过去，人们购买所需的物品都需要亲自前往商店，除了耗费时间外还往

11、往买不到所需要的。现在相信很多人都过这样的亲身体验：不再需要走出家门，只需坐在家中电脑前轻点鼠标就能在网上订购自己需要的、喜欢的物品。因为无论是型号、款式或价钱，网上都一应俱全，而且没有地域限制，这就是电子商务带给我们的乐趣。所以，电子商务网站可以说和我们的日常生活联系紧密，有很强的实用价值。所要建设的电子商务网站是一个客户管理系统，能够帮助用户在网上订购自己需要的商品，并帮助管理员管理客户及产品。通过建立这样一个简易但功能较为全面的电子商务网站系统，加深对于电子商务的认识，同时掌握网站的工作流程及建设方法。42 2 开发技术及平台介绍开发技术及平台介绍2.12.1 ASPASP介绍介绍2.1

12、.12.1.1 ASPASP的概念的概念Active Server Pages(ASP，活动服务器页面)是一种服务器端脚本环境，也可称为一种解决方案，开发者可以混合使用HTML、脚本语言以及组件来创建服务器端功能强大的Internet/Intranet应用程序，ASP直观的、强大的技术正快速替换早期的微软技术，如Internet Database Connect(IDC)、CGI和ISAPI应用程序。可以说，ASP是CGI程序的加强改进版。它和CGI程序运行的方法一样，直接在服务器端运行，最后将运算的结果写入HTML文件后送回给浏览者。ASP运行在装有IIS(Internet Informat

13、ion Server)或PWS(Personal Web Server)的系统中。2.1.22.1.2 ASPASP的工作原理的工作原理ASP动态页面处理过程如下：(1)当用户从浏览器网址栏中输入所要浏览的Web页面的地址并按下确认后，这个页面请求便通过浏览器送到对应的Web服务器。(2)服务器在接到请求后根据其.asp的扩展名判断出用户要浏览的是一个ASP文件。(3)服务器从内存或硬盘上读取相对的ASP文件。(4)这个ASP程序被传送给服务器上的asp.dll并被编译运行，产生标准HTML文件。(5)产生的HTML文件作为用户请求的响应传回给用户端浏览器并由浏览器解释运行。浏览器服务器(II

14、S)ASP嵌入式程序数据库硬盘、内存图2.1 ASP动态页面处理过程示意图以上ASP的处理过程是经过简化的，实际应用中可能还会涉及到诸如FORM消5息提交、ASP页面的动态产生、数据库操作等一系列复杂的问题。此外，Web服务器并不是在接到每一个ASP页面请求后都会重新编译该页面，如果某个页面再次接收和前面完全相同的请求时，服务器会直接去缓冲区中读取编译的结果，而不是重新运行。2.1.32.1.3 ASPASP的特点的特点ASP作为当今Web开发的主流技术，选择它的原因主要是由于它具有以下显著特点：(1)ASP技术使用VBScript、Jscript等简单易懂的脚本语言，结合HTML代码，即可快

15、速地完成动态的Web应用程序。(2)ASP无须编译，编写容易，由服务器的软件解释后直接运行。当执行ASP程序时，程序脚本将一整套命令发送给脚本解释器(即脚本引擎)，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。(3)普通文本编辑器，如Windows的记事本，即可进行程序编辑。(4)与浏览器无关，用户端只要使用可执行HTML码的浏览器，即可浏览ASP所设计的网页内容。ASP所使用的脚本语言(VBScript、Jscript)均可在Web服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。(5)ASP能与任何ActiveX scripting语言相容。除了可使用VBScript或Jsc

16、ript语言来设计外，还可通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如Perl、PHP等。脚本引擎是处理脚本程序的COM(Component Object Model)组件。(6)ASP的源程序不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃或篡改，提高了程序的安全性。(7)可使用服务器端的脚本来生成客户端的脚本对象导向(Object-oriented)。(8)ActiveX Server Components(ActiveX服务器组件)具有无限可扩充性。可以使用Visual Basic、Delphi、Java、Visual C+等各种编程语言来编写所需要的Acti

17、veX Server Component。2.1.42.1.4 典型典型 ASPASP程序程序一个典型的ASP程序由两部分构成：一部分是HTML置标语言，另一部分就是嵌入在“”中的ASP程序。在设计ASP页面时，可以使用一些“所见即所得”的网页设计软件，比如Dreamweaver MX等，然后再将编写好的ASP程序嵌入HTML程序中。62.22.2 HTMLHTML介绍介绍2.2.12.2.1 HTMLHTML的概念的概念HTML是Hyper Text Markup Language(超文本标记语言)的缩写，它是构成Web页面的主要工具，是用来表示网上信息的符号标记语言。HTML将信息按某种规

18、则写成HTML文件，通过专用的浏览器翻译成可以识别的信息，就是所见到的网页。2.2.22.2.2 HTMLHTML文件的组成文件的组成HTML文件可由下列3部分组成：(1)标记：是HTML的基本元素，HTML文件的大部分都是由字符信息加上一些标记呈现出来的。(2)文字与图形资料：是指要提供给浏览信息的人阅读的内容。(3)统一资源定位器URL(Uniform Resource Locator)：是www上文件的参照格式，浏览者在浏览器的地址处输入URL格式的内容，就可获取所指主机的主页。2.2.32.2.3 HTMLHTML文件的格式文件的格式一个完整的HTML文档包括head段和body段。其

19、中head段位于body段前，使用标记表示，主要包括描述HTML文档的标记和文档需要的其他信息。Body段是HTML文档的主体部分，在此标志对之间可包含、等众多标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。2.32.3 脚本语言介绍脚本语言介绍脚本语言是一种应用在Web中的程序语言，它可以使原先静态的网页变成动态的交互式网页。也就是说，用这种脚本做出一些网页上的特效，可以代替一些以往的CGI程序成为网页的后台程序，对用户的请求进行接受和处理。目前比较流行的脚本语言有VBScript和JavaScript等。本网站系统使用的是JavaScript。2.3.12.3.1 JavaScr

20、iptJavaScript概念概念JavaScript的正式官方定义是Netscape公司和Sun公司在推出JavaScript时的联合声明：“JavaScript是一种易于使用的对象描述语言，它是为了创建真正的联机应用程序而设计的，无论是在客户端还是在服务器端，这种应用程序都可以将对象和资源连接在一起。HTML主页设计者和企业应用程序开发人员都可以使用JavaScript动态地描述在用户机上及服务器上运行的对象的行为。嵌入HTML文件中的JavaScript源代码实际上是作为HTML网页的一部分存在的。在用户使用任何一种支持JavaScript的浏览器具有JavaScript源代码的HTML

21、页面时，由浏览器本身对该HTML网页进行分析、识别、解释、并运行用JavaScript编写的源7代码。2.3.22.3.2 JavaScriptJavaScript的优点的优点从技术上说，JavaScript是一种解释性的语言，也就是说，并不需要JavaScript程序进行预先编译而产生可运行的机器代码。相反的是，程序只在运行的时候才由一个内置于浏览器中的JavaScript解释器将源代码动态地处理成可运行代码。从Web发布地角度看，JavaScript的这种特性使它比编译性语言更加易于编写和应用。JavaScript为Web页面设计人员提供了极大的灵活性和控制手段。它是一种优秀的“粘合剂”

22、，能够将一个Web节点中的文本、图形、声音和动画等各种媒体形式捆绑在一起，成为一个紧密结合的信息源。2.3.32.3.3 JavaScriptJavaScript程序的格式程序的格式JavaScript的脚本包括在HTML中，它成为HTML文档的一部分。与HTML标识相结合，构成了一个功能强大的Internet网上编程语言。JavaScript使用标签直接将JavaScript脚本加入文档。在标签中，LANGUAGE属性用来指定包含在标签中的脚本代码的语言类型。2.42.4 IISIIS介绍介绍IIS(Internet Information Server,Internet服务管理器)是微软出

23、品的架设Web、FTP、SMTP服务器的一套整合软件，捆绑在Microsoft Windows NT/2000/XP/2003系统中。ASP运行在装有Microsoft的IIS操作系统中，所以创建ASP应用程序之前，需要安装相关的操作系统和Web服务器。随着操作系统的不同，IIS的版本也不同：比如Win2000 Server上的IIS为5.0版，WinXP上的IIS为5.1版。在添加IIS服务时要求放入操作系统的安装光盘，也可以直接下载相关版本的IIS。在Microsoft Windows XP Professional版中安装IIS：在控制面板的“添加/删除程序”对话框中选择“添加删除Win

24、dows组件”中选择添加IIS服务，如图2.2所示：8图2.2 添加IIS组件服务安装好IIS后，要对其进行配置以创建本网站系统的开发及发布测试环境。在“开始”菜单的管理工具中选择“Internet信息服务” ，显示如图2.3所示的界面：图2.3 IIS配置管理器右击“默认网站” ，选择“属性”将弹出如图2.4所示的配置窗口： 图2.4 “默认网站 属性”配置窗口9如图2.5配置站点主目录。主目录指用来存放站点文件的位置，默认是系统盘下Inetputwwwroot。也可以选择其他目录作为存放站点文件的位置，单击“浏览”按钮选择路径。还可以赋予访问者一些权限，比如索引资源等。 图2.5 站点主目

25、录配置如图2.6所示配置默认文档。每个网站都会有默认文档，默认文档就是访问者访问站点时首先要访问的那个文件。一般情况下，开发者把自己的首页定义为index.htm、index.asp或default.asp等。配置时需要制定默认的文档名称和顺序。 图2.6 站点默认文档配置 做好配置工作后，需要测试IIS是否能正确运行。最简单的方法是在浏览器地址栏中输入http:/localhost或者http:/127.0.0.1(两者效果一致)，如果出现系统默认页10面，则代表IIS运行正常，否则需要重新安装或者配置。2.52.5 数据库数据库介绍介绍2.5.12.5.1 SQLSQL Server200

26、0Server2000SQL Server2000是Microsoft公司推出的关系型网络数据库管理系统，一般工作于Microsoft公司的操作系统平台上，如Microsoft Windows 2000/XP/2003。Microsoft SQL Server2000具有分布式数据库和数据仓库功能，支持客户机/服务器结构，并能够进行分布式事务处理和联机分析处理，它提供了丰富的管理工具以支持数据的安全性管理、完整性管理和作业管理。其功能主要分为4类：数据库管理功能、网络连接功能、应用程序开发工具和用户信息存取工具。2.5.22.5.2 SQLSQL语言简介语言简介SQL(Structured Q

27、uery Language)语言是关系数据库的标准语言，它是在1974年由Boyce和Chamberlin提出的，并于19751979年在IBM公司研制的关系数据库管理系统原型System R中实现了该语言。由于SQL语言功能丰富、简洁，因而倍受用户及计算机工业界欢迎，自SQL成为国际标准后，各个数据库厂家纷纷推出各自的支持SQL的软件或与SQL的接口软件。SQL主要包含以下3类功能：(1)数据定义功能：通过DDL(Data Definition Language，数据定义语言)实现，用莱定义关系数据库的模式、外模式和内模式，以实现对基本表、视图及索引文件的定义、修改和删除等操作，即包含Cre

28、ate、Drop、Alter语句处理。(2)数据操纵功能：通过DML(Data Manipulation Language，数据操纵语言)实现，包括数据查询和数据更新两种数据操作语句。其中，数据查询指对数据库中的数据进行查询、统计、分组、排序、检索等操作；数据更新指数据的插入、删除、修改等数据维护操作，此类命令的关键字包括Select、Insert、Update、Delete。(3)数据控制功能：指对数据的安全性和完整性控制，通过DCL(Data Control Language，数据控制语言)实现，通过对数据库用户的授权和收权命令来实现有关数据库的存取操作，其关键字包括Grant、Revok

29、e、Deny。2.5.32.5.3 访问数据库的方法访问数据库的方法本网站系统使用ADO访问数据库。ActiveX Data Objects(ADO)是Microsoft开发数据库应用程序的数据库访问新技术。它被设计用来同新的数据访问层OLE DB Provider一起协同工作，以提供通用数据访问(Universal Data Access)。OLE DB是一个低层的数据访问接口，用它可以访问各种数据源，包括传统关系型数据库，以及11电子邮件系统及自定义的商业对象。ADO技术大大简化了OLE DB的操作，因为ADO封装了OLE DB程序中使用的大量COM接口，所以ADO是一种高层的访问技术。A

30、DO技术基于通用对象模型(COM)，它提供了多种语言的访问技术。同时，由于ADO提供了访问自动化接口，所以ADO可以用描述的脚本语言来访问VBScript、JavaScript等，这也满足了ASP数据库编程的要求。ADO常用对象包括Connection、Command、RecordSet、Error等对象。2.62.6 DreamweaverDreamweaver 8 8介绍介绍当今全世界使用最广泛的网页编辑程序首推Dreamweaver。Dreamweaver以其美观的操作界面，高度整合的功能面板，体贴的窗口布局及从初探到深造全阶段设计功能，迅速受到全球网页设计者的青睐。它是一种混合型的工具

31、，即介于完全的所见即所得工具和纯粹的HTML代码编辑工具两者之间。混合型工具在所见即所得的工作环境下可以完成主要的工作，同时也能切换到一个文本编辑器，对HTML源代码进行直接的调整。启动Dreamweaver8，新建或者打开文件后，将进入Dreamweaver8的工作界面： 图2.7 Dreamweaver8工作界面如图2.7所示， “文档”窗口显示当前文档，可以选择“代码” 、 “拆分”和“设计”中的任意一项。 “设计视图”(Design View)：是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时

32、看到的内容。可以配置“设计视图”以在处理文档时显示动态内容。 “代码视图”(Code View)：是一个用于编写和编辑12HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。 “拆分视图”(Code and Design View)：可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。文档工具栏中包含许多按钮，使用这些按钮可以在文档的不同视图之间快速切换“代码” 、 “设计”和“拆分”视图。工具栏中还包含一些与查看文档、预览网页、在本地和远程站点之间传输文档以及调试JavaScript代码有关的普通命令和选项。如图2.8所示： 图2.8 工具栏 “插入”

33、栏包含用于创建和插入对象的按钮，如图2.9所示： 图2.9 插入工具栏下拉菜单里包括：常用、布局、表单、文本等选项(Text)。单击一个对象按钮时，代码插入到文档中。在有些情况下，代码会立刻插入；而在另一些情况下，会出现一个标签编辑器或其他对话框，允许在插入代码前指定进一步的信息。对于有些对象，如果在“设计”视图中插入对象则不会出现对话框，而如果在“代码”视图中插入对象则会出现一个标签编辑器。对于少数对象，在“设计”视图中插入对象会导致在插入对象前切换到“代码”视图。133 3 网站总体规划设计网站总体规划设计本网站为网上客户管理系统，本章讲述网站的分析、规划和设计。3.13.1 网站需求分析

34、网站需求分析通过分析，本网站系统主要需要以下功能：(1)可以方便地让各个客户通过网络将自己的信息发布到该信息平台上。(2)为各个客户提供一个个人信息管理功能。(3)信息的管理者可以快速、方便地浏览和检索各个客户的信息。(4)信息管理者可以快速地、方便地通过网络发布自己企业的产品信息，供该企业的各个客户查阅。(5)客户可以根据企业发布的产品信息，发出订单，向该企业发布自己所要采购的产品信息。3.23.2 网站设计目标网站设计目标根据网站的需求分析，网站所要实现的目标如下：该系统应有两种权限，一种是客户权限，另一种是管理员权限。用户在登录时，系统能根据其所选择的不同身份进入相应的功能页面。客户拥有

35、的是客户权限，它所要拥有的功能如下：(1)能够浏览公司库存的产品信息，并且对每一种产品均可下订单，以及决定所需的产品数量等。(2)通过注册，可以将客户自己的信息发布到该系统上，以方便产品供应商联系。(3)个人信息管理功能，客户可以随时改变自己的信息，如联系方式、地址等。(4)订单管理功能，客户可以随时查阅自己所发出的订单信息，也可以随时更改自己发出的订单信息。公司的信息管理者拥有管理员权限，它所要拥有的功能如下：(1)能够及时地发布公司的产品信息，并管理这些信息，包括修改、添加、删除等操作。(2)能够随时了解公司客户的信息，如姓名、联系方式、包括修改、添加、删除等操作。(3)订单管理功能，能够

36、对客户所发出的订单进行及时的反馈。143.33.3 网站结构模块设计网站结构模块设计根据对此网站功能、设计目标的分析，本系统结构如图3.1所示：15登录注册产品浏览订单管理个人信息管理产品查询(按名称)订购产品订单查询(按订单名称等)修改订单删除订单修改产品管理产品查询(按名称)添加产品信息修改产品信息删除产品信息订单查询(按订单名称等)添加订单信息修改订单信息删除订单信息客户信息查询(按姓名等)修改客户信息订单管理客户管理客户管理员删除客户信息图 3.1 网站系统模块结构图163.43.4 网站主要工作流程网站主要工作流程 客户管理系统的工作流程如图3.2所示：客户管理系统登录 index.

37、htm判断用户名等LoginCheck.asp注册页面Login.aspRegistor.asp客户管理页面 index.asp产品浏览产品查询 ProductInfo.asp订购产品 Order_Add.asp订单管理订单查询 OrderInfo.asp修改订单 Order_Update.asp删除订单 Order_Del.asp修改信息 User_Update.asp个人信息管理系统管理页面System_Index.asp产品查询 ProductInfo.asp添加产品信息 Product_Add.asp修改 Product_Update.asp删除产品信息 Product_Del.asp

38、产品管理订单查询 OrderInfo.asp添加订单信息 Order_Add.asp修改 Order_Update.asp删除订单信息 Order_Del.asp客户信息查询 UserInfo.asp修改客户信息 User_Detail.asp删除客户信息 User_Del.asp订单管理客户管理登录以客户身份正确登录以管理员身份正确登录图 3.2 网站工作流程图174 4 网站具体实现网站具体实现在对网站进行了总体的规划设计后，本章将具体讲述网站的实现。4.14.1 配置配置IISIIS在确认开发环境IIS正常的情况下进行网站系统的配置。在IIS的默认目录下，即系统根目录下的Inetpub目

39、录中，有若干个子目录，如ftproot目录、AdminScript目录、iissamples目录以及wwwroot目录等，其中wwwroot目录是IIS下的默认网站目录，在这个目录下，建立要开发的客户管理网站的系统主目录，取名为customer_manage。打开Internet服务管理器，展开左侧的目录树，在窗口的右侧会出现customer_manage目录，右击“默认Web站点” ，选择“新建”选项，再选择“虚拟目录”选项，如图4.1所示： 图4.1 新建虚拟目录操作进行虚拟目录的设置，输入Customer_manage作为客户管理系统的别名，并选择所建立的系统主目录，即customer_

40、manage目录，设置访问权限。完成配置后，在“IIS”窗口的左侧目录树中将出现已建立的customer_manage虚拟目录，如图4.2所示：18 图4.2 配置结果显示4.24.2 动态数据库设计动态数据库设计本系统中，采用微软的Microsoft SQL Server2000作为数据库。Microsoft SQL Server2000是微软为商业用户和企业用户所开发的数据库，相对于其他的数据库，如Oracle、MySQL、DB2等，Microsoft SQL Server2000数据库具有结构简洁、操作方便、管理简单、占用内存少、运行速度快等特点，而且它完全适用于一般的商业和管理系统的开

41、发。在程序设计中，采用标准SQL来操作数据库。数据库的设计在一个系统的开发过程中是至关重要的。系统的所有信息都存放在数据库中，因此要让各种信息有条理地、有逻辑地存放在一起，就必须要设计出一个合理的数据库结构。下面介绍本系统的数据库设计。4.2.14.2.1 逻辑结构设计逻辑结构设计 根据系统功能设计的要求以及功能模块的划分，对客户管理网站可以列出以下数据项和数据结构：(1)客户信息表：存放客户信息，数据项包括客户的用户名、姓名、密码、性别、单位名称、职务、联系方式、E-mail、联系地址。(2)管理员信息表：存放信息管理员信息，数据项包括管理员的用户名、密码，在该表中首先初始化一个管理员，用户

42、名和密码都为admin。(3)订单信息表：存放订单信息，数据项包括订单的名称、所订的产品名称、订货单位名称、订货时间、所订的产品数量。(4)产品信息表：存放产品信息，数据项包括产品名称、产品的计量单位、产品的单价、产品的信息备注。4.2.24.2.2 物理结构设计物理结构设计根据数据库的逻辑分析，在Microsoft SQL Server2000数据库中打开企业管理器，新建一个数据库，命名为Customer_management。在该数据库中按如下的物理结构来建立相应的数据库表和数据字段。(1)客户信息表在Microsoft SQL Server2000数据库中，新建一个表，取名为User，作

43、为客户信息表来存放客户信息，物理结构如表4.1所示。 表 4.1 客户信息表User字段名称数据类型及长度说明备注Idint(4)客户编号主关键字19Name_idvarchar(50)用户名不能为空True_namevarchar(50)用户真实姓名允许为空Passwordvarchar(50)密码不能为空Sexchar(10)性别允许为空Departmentvarchar(50)单位名称允许为空Dutyvarchar(50)职务允许为空Telephonevarchar(50)联系电话允许为空E_mailvarchar(50)电子邮件允许为空Addressvarchar(50)联系地址允许为

44、空(2)管理员信息表在Microsoft SQL Server2000数据库中，新建一个表，取名为Admin，作为管理员信息表来存放管理员信息，物理结构如表4.2所示。 表 4.2 管理员信息表Admin字段名称数据类型及长度说明备注Idint(4)管理员编号主关键字Namevarchar(50)用户名(管理员)不能为空Passwordvarchar(50)密码(管理员)不能为空(3)订单信息表在Microsoft SQL Server2000数据库中，新建一个表，取名为Order，作为订单信息表来存放订单信息，物理结构如表4.3所示。 表 4.3 订单信息表Order字段名称数据类型及长度说

45、明备注Idint(4)订单编号主关键字Order_namevarchar(50)订单名称允许为空Order_productvarchar(50)订购产品允许为空Order_departmentvarchar(50)订购单位允许为空Order_timevarchar(50)订购时间允许为空Order_numbervarchar(50)订购数量允许为空Order_personvarchar(50)订购者允许为空(4)产品信息表在Microsoft SQL Server2000数据库中，新建一个表，取名为Product，作为产品信息表来存放产品信息，物理结构如表4.4所示。 表 4.4 产品信息表P

46、roduct20字段名称数据类型及长度说明备注Idint(4)产品编号主关键字Product_namevarchar(50)产品名称允许为空Product_typevarchar(50)产品计量单位允许为空Product_moneynvarchar(50)产品价格允许为空Product_infonvarchar(50)产品信息允许为空4.34.3 数据库连接数据库连接目前，在ASP下连接Microsoft SQL Server2000数据库的方式有两种，一种是采用ODBC数据源，即开放数据库连接(ODBC：Open DataBase Connection)；另一种则是采用ASP中的ADO对象进

47、行连接。ODBC数据源方式的最大好处是应用程序的开发系统可以不需要与数据库属于同样的系统，这也就意味着只要学会了一种能与ODBC交互的语言，即可操作所有ODBC所支持的数据库，只需要把对数据的处理要求传给ODBC，然后让ODBC与数据库进行交互即可。但是，在移植系统时ODBC却显得非常不方便，不仅要修改系统的代码，还要修改服务器上的计算机属性。综上所述，本系统中，采用第二种方法，即ADO对象，来操作数据库。采用ADO对象来操作数据库，在Microsoft SQL Server2000数据库建立了相应的数据库和数据表后，就不需要进行其他的设置了，将与数据库的连接写成代码，交给IIS处理即可。本系

48、统中与数据库相关的操作都放在一个目录下，把该目录命名为Data目录，并将它放在网站系统的主目录customer_manage下。本系统的数据库连接代码文件命名为Data_connect.asp，当系统的功能页面需要对数据库进行操作时只需要在文件头部添加代码：，这样就包含了实现数据库连接的文件。代码具体如下：4.44.4 登陆注册模块的实现登陆注册模块的实现本网站系统是一个典型的应用系统，并不是所有人都能够任意使用，只有企业和企业的客户能够使用它，所以就必须要为系统使用者提供一个登陆系统的入口，要求系统使用者输入相应的用户名和密码，根据需求分析，分配出两种权限客户权限和管理员权限。本系统的登录页

49、面也是网站的首页，文件名为index.htm，放在主目录customer_manage下。其页面如图4.3所示： 图4.3 网站系统登录页面在该登录页面中设定了两种登录角色，即两种权限，用户在输入自己的用户名和密码之后，在“登录角色”下拉列表中选择“客户” ，单击“登录”按钮后，即进入客户权限的系统页面。相应地，系统信息管理人员在下拉列表中选择“管理员”，单击“登录”按钮后，即进入管理员权限的系统页面。4.4.14.4.1 登录注册页面外观设计登录注册页面外观设计登录注册页面，也即本网站系统的首页，如图4.3所示，下面简要介绍使用Dreamweaver8制作首页外观的过程。22Dreamwea

50、ver8为用户提供了对Web页进行布局的多种不同方法，本网站首页使用表格布局模式进行布局。表格是用于在网页上显示表格式数据以及对文本和图像进行布局的强有力的工具。在创建表格之后，就可以方便地修改其外观和结构。可以在表格中添加内容，也可以添加、删除、拆分以及合并行和列，修改表格、行或单元格属性。系统首页由两个表格构成。第一个表格，行列数均为一：其中放置了一张背景图片，并通过插入一个“Div标签”对象(创建一个文本区域)注明了网站的主题，即该网页的上半部分。第二个表格，具有5行2列：通过向表格的单元格中插入Div标签注明“用户名” 、 “密码”等填写说明；向单元格中插入“文本字段” ，并通过设置其

51、属性明确其收集的是何种类型的信息；向单元格中插入“列表、菜单”对象，并初始化其列表值为“客户”和“管理员”供用户选定身份；还要添加三个“按钮”对象，其值分别为“注册” 、 “登录” 、 “重置” ，相应的动作分别为“无” 、 “提交表单”和“重设表单” 。最重要的一点就是第二个表格的所有内容都必须置于一个“表单”对象(Form)下。使用表单可以与站点的访问者进行交互和从用户那里收集信息。表单从用户那里收集信息后，将这些信息提交给服务器进行处理。当访问者将信息输入Web站点表单并单击提交按钮时，这些信息将被发送到服务器，服务器端脚本或应用程序在该处对这些信息进行处理。服务器通过将请求信息发送回用

52、户，或基于该表单内容执行一些操作来进行响应。通常，通过JSP或ASP等来处理信息。对该“表单”对象进行设置：将其命名为user_name，以后就可以使用脚本语言应用或控制该表单；在属性检查器的“动作”(Action)域中，指定到处理该表单的动态页或脚本的路径，此处指定为Login/LoginCheck.asp；在“方法”(Method)弹出式菜单中，选择将表单数据传输到服务器的方式，此处选择POST(在HTTP请求中嵌入表单数据)。注册页面的设计思想与登录页面一致，重点在于使用表格布局，使用表单收集信息。4.4.24.4.2 功能页面设计功能页面设计在系统的首页中，按下相应的按钮，会跳转到相应

53、的页面或执行相应的功能，与首页相关的功能页面都放在customer_manageLogin文件夹下。下面讲述相关功能页面的设计。(1) 当用户按下“登录”按钮后，该页面的表单信息将被提交到LoginCheck.asp进行验证和相应的权限分配。LoginCheck.asp利用ASP中的Request对象来获取用户信息之后，首先通过if语句判断用户填写的帐号是否符合要求(例如登录帐号不得为空等)，并通过asp的Response对象的write方法给出相应反馈信息。23如果用户在填写上不存在问题，那么将判断用户名和密码的正确性。通过if语句来区别用户的身份(客户或管理员)，然后通过查找客户信息表或管

54、理员信息表来核对用户名和密码信息。以客户身份为例，关键代码如下： set recCheckUser=server.CreateObject(ADODB.recordset) if role=客 户 then strSQL=select * from user where name_id=&uid& and password=&upwd& recCheckUser.Open strSQL,conn,1,1 if not recCheckUser.EOF then 如果用户帐号及密码正确 session(User)=uidresponse.redirect ./Customer/index.htm

55、 else 用户帐号及密码不正确 recCheckUser.Close set recCheckUser=nothing set conn=nothing Response.Write window.alert(您输入的帐号及密码错误，请重新输入!);window.history.go(-1); end if 如果用户输入的用户名和密码正确，系统将转到相应的管理页面(客户信息管理界面或管理员信息管理界面)；若不正确，系统给出错误提示(如图4.4、图4.5所示)并返回登录页面。其中，利用ASP中的Server对象的CreateObject方法创建已注册到服务器上的ActiveX组件。值得注意的是

56、，在使用CreateObject创建ActiveX组件时，关键字Set一定不能丢，否则在使用所定义的对象时会发生错误，并且这种错误在用CreateObject创建组件时并不能被发现，只有在第一次调用该组件时系统才报错，并且无详细的错误描述。当所创建的对象不再需要的时候，应当释放其所占有的系统资源，通常使用Nothing来消除实例对象。另外，特别注意的是：由于涉及到对数据库的操作，所以要在文件的顶部包含数据库连接的文件。 24图4.4 登录帐号为空的提示框 图4.5 帐号或密码错误提示框 (2) 当用户按下“注册”按钮后，系统跳转至注册页面，如图4.6所示： 图4.6 新用户注册页面当用户填写完

57、注册信息后：若不满意则点击“重新填写”按钮，这时将重设表单；若确认没有问题则点击“现在注册”按钮，这时login.asp将首先验证用户所填写的各项信息是否符合要求(例如密码是否小于6位)，若符合要求则将该页面的表单信息提交给registor.asp进行用户注册数据的添加操作。registor.asp取得表单中的每一项数据并将它添加到数据库中。关键在于建立recordset对象集，使用addnew方法和update方法更新数据库。其中，addnew方法用于增加一条空记录，update方法用于保存当前记录的任何变动。以“密码”这一项为例进行说明：password=request(password)

58、set rs=server.CreateObject(adodb.recordset)sql=select * from Userrs.open sql,conn,1,3rs.addnewrs(password)=passwordrs.updaters.closeresponse.Write(你已经注册成功！)将用户填写的信息依次写入数据库的用户信息表(User)后，给出反馈信息如图4.7所示：25图4.7 注册成功说明(3) 如果用户按下“重置”按钮，登录页面将被刷新，等待用户重新输入信息。4.54.5 系统安全模块系统安全模块系统的安全问题是一个不容忽视的问题。从登录注册模块可知，用户在登

59、录验证时，当用户输入了正确的用户名和密码之后，系统将视该用户为系统的合法用户。为了防止一些非法用户通过在IE浏览器地址栏内输入系统文件的URL地址来非法进入系统，所以在用户通过验证时，将用户的用户名赋在Session(“User”)之中。编辑一个身份验证页面，在运行各个页面的程序之前都要运行这个页面来进行身份验证，以此来防止非法用户闯入系统。在本网站系统内建立一个Session.asp页面，把它放在customer_manageSession文件夹下。其代码如下： 其中，Redirect方法使浏览器尝试链接到其他的URL，此处即返回登录首页。4.64.6 客户信息管理模块的实现客户信息管理模块

60、的实现当用户登录时选择的是客户的身份，并且成功通过了用户名和密码的验证，则进入到客户权限的系统主页面，如图4.8所示：26 图 4.8 客户管理主页面与客户管理相关的功能都整合在此页面中：用户通过点击左边导航区的相关栏目，可以浏览产品信息、进行个人的订单管理和个人信息的管理。该模块相关的所有代码都放在customer_manageCustomer文件夹下。4.6.14.6.1 客户管理模块主页面外观设计客户管理模块主页面外观设计该主页面采用左右框架结构：页面的左边是导航区，所有有关的功能页面的超链接都放在该导航区内；页面的右边是工作区，有关的功能页面都将显示在该工作区内。框架(Frame)将一

61、个浏览器窗口划分为多个区域，每个区域都可以显示不同的HTML文档。使用框架的最常见的情况就是，一个框架显示包含导航控件的文档，另一个框架显示含有内容的文档。框架(Frame)是浏览器窗口中的一个区域，一个框架就像一个网页一样可以显示与浏览器窗口的其他部分无关的HTML文档。框架集(Frameset)是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置，以及在每个框架中初始显示的页面的URL。但是框架集文件本身不包含要在浏览器中显示的HTML内容。在Dreamweaver8中，新建一个html文件，命名为index.htm,放在Customer文件夹下。选择“框架集”(F

62、ramesets)类别，选择其中的“左侧框架”插入。插入了框架集之后，查看和设置框架的属性。分别对左右两个框架，设定其内部显示的源文档。以左边框架为例，指定其显示的源文件为Menu.htm。该页面左侧显示的是Menu.htm。Menu.htm页面由一个4行2列的表格构成：包括提示标题“客户管理” ；文件夹提示图形；以及超连接(链接到不同的功能页面)。该页面右侧显示的是用户个人信息管理页面(初始化的情况)。随着用户在左边的导航栏中选择不同的功能选项，右边框架中将显示与之对应的页面。4.6.24.6.2 客户管理模块功能页面设计客户管理模块功能页面设计客户信息管理模块的功能可以分为以下三个部分，相

63、关的功能页面都放在customer_manageCustomer下：(1) 产品信息浏览与产品信息有关的功能逻辑，把它编写在ProductInfo.asp文件里，并把它放在Customer目录下，其页面如图4.9所示：27 图4.9 产品信息浏览页面由图4.9可知，产品信息浏览页面主要由一个表构成。在这个表中用户可以清楚地看到所有产品的相关信息，并可查询、订购商品。该页面读取数据库的产品信息表(Product)中的数据并将它们放到页面表格的对应单元中。每一页最多显示的项目设定为20，超过之后需要翻页。由于每从数据库中读取一个产品的信息，页面上显示的表格就增加一行，所以要使用循环代码，也就是说页

64、面表格的行数是随着产品数量而改变的。用户除了按照既定的顺序来浏览产品信息外，还可以通过页面上方的“产品查询”按钮来查找自己感兴趣的产品。点击“产品查询”按钮，选择“产品名称”作为查询条件，输入想要查询的产品名称，再点击“查询”按钮即可。当用户按下“查询”按钮后，首先生成一个recordset对象rs；按照用户输入的查询关键字生成相应的sql语句；按条件打开对象rs。如果没有输入要查找的产品名称而直接按下“查询”按钮，那么将显示所有产品。查询处理的代码如下：例如，用户选择“产品名称”作为查询条件后，分别输入“巧克力”和“海尔”作为查询关键字，系统会针对是否查到相关信息而给出不同反馈，如图4.10

65、至图4.11所示： 图4.10 查找“巧克力” 图4.11 没有该产品 图4.12 查找“海尔” 图4.13 海尔产品 用户在浏览了产品信息列表之后可以通过点击订购自己满意的产品。用户通过点击某项产品后的订购图标进行订购操作。以用户订购史密斯热水器为例，过程如29下：当用户点击订购图标后，将出现确认对话框如图4.14： 图4.14 确认对话框点击“确定”按钮，系统将调用订购产品功能页面为Order_Add.asp。在订购产品功能页面中，用户填写订单名称、订购单位和订购数量。如图4.15所示： 图4.15 订购产品功能页面点击“添加订单”按钮，系统会给出提示信息：添加成功，如图4.16所示： 图

66、4.16 订购成功提示框需要注意的是，订单名称都是唯一的，不可重复。如果用户输入的订单名称已经存在，系统会给出如图4.17所示的提示信息：30 图4.17 “订单已添加”提示框订购产品功能页面(Order_Add.asp)，订单添加处理的代码有两个关键：一是判断订单名称是否有重复。取得用户填写的订单名称后使用sql语句查找订单信息表中是否已存在该名称，若存在显示提示信息，关键代码如下：OName=trim(request(name)set rsZZ=server.createobject(adodb.recordset)sqltext=select * from Order where Order_name=&OName&rsZZ.open sqltext,conn,3,3if not rsZZ.eof thenresponse.write window.alert(此订单已经添加，请添加其他订单!); 二是向订单信息表中添加新的数据。这和用户注册信息的添加类似，关键也在于addnew，update等方法的使用。 需要注意的是，代码中判断订单名称是否已存在时，使用的判断条件是not r