论文-092-网上好友资料查询系统的设计与开发.doc

1、目录一、绪论 1（一）研究课题的背景极其意义 .1（二）本文的主要研究内容 .1二、网站的建设原理 2（一）网站设计概述 .21、基本概念 .22、网站设计相关语言 .33、网站设计流程 .34、静态网页和动态网页 .4（二）动态数据库在网站中的应用 .51、Microsoft SQL 2000 52、Access 2000 .5（三）网页制作工具 .5（四）测试和发布网站 .8三、概要设计 8（一） 对功能的规定 8（二）网站的整体布局 .9（三）网站各页面功能实现 .9四、详细设计 .11（一）访问设计 .111、用户的登入登出 .122、 新用户注册 .123、密码查询 .124、管理员

2、访问 .12（二）处理流程 .13（三）数据库设计 .141、 逻辑结构设计要点 .142、数据库在 Web 中的应用 .15五、功能实现 .16（一）网站各页面功能 .161、网页功能模块如下： .162、留言板功能模块如下： .19（二）管理员信息 .201、网站管理员信息 .202、留言板管理员信息 .21六、总结报告 .21（一）结束语 .21（二）实现功能和目的 .21（三） 待完善部分 22致 谢 .22参考文献 .22附录：网站程序 .231网站构建网上好友资料查询系统的设计与开发【摘要】本文通过一个资料查询系统的设计完成，阐述了网站的全程设计方法以及数据库技术在动态网站开发中的

3、应用, 实现一个网站由静态页面到动态页面的转换过程。网上好友资料查询系统采用 Dreamweaver MX 2004 作为网站开发工具，使用Microsoft Office Access 2003 作为数据库建设工具，该网站的设计中主要以好友资料查询系统为核心。主要功能有:新用户注册、用户登陆、密码查询、管理员访问、发送电子邮件。因此构建“好友联系”网站，并通过网站中表单的运用，为用户、好友之间提供一个反馈信息，相互联系的平台。【关键词】Dreamweaver MX 2004 网站构建 网站测试 ASP 数据库应用 一、绪论（一）研究课题的背景极其意义21 世纪是网络时代，是个信息的时代，互联

4、网正逐渐地改变我们的生活方 式。在Internnet 飞速发展的今天，互连网已经成为人们快速获取、发布、传递信息的重要渠道。Internnet 上的信息发布，主要是通过网站来实现的，获取信息也是要在 Internnet 的“海洋”中进行浏览和检索，然后再将所需要的信息从相关的网站上下载。因此网站的建设在互连网的应用中的地位显而易见，它已经成为政府、企事业单位信息化建设的重要组成部分。通过网站可以展示产品，发布最新动态，与用户进行交流和沟通，与合作伙伴建立联系，以及开展电子商务等。传统的网站管理方式有两种，一是静态 HTML 页面，更新信息时需要重新制作页面然后上传页面并修改相应链接，这种方式因

5、为效率太低已不多用。二是基于 ASP 和脚本语言，将动态网页和数据库结合，通过应用程序来处理资料，这是目前较为流行的做法。（二）本文的主要研究内容本文通过对一个网站的设计到完成的过程，完成一个网站从整体设计、布局到功能的设计实现；实现一个网站由静态页面到动态页面的转换过程。在本文中，我首先描述了网站的层次结构，对其中的一些重要的页面进行了流程分析，并给出了相关页面的处理流程。以上这些便是我们在设计分析阶段所要完成的任务。在数据库的设计方面，本文重点介绍了数据表的设计，包括表间的关系，数据表中字段数据类型的选择等等。在这次网站的设计中主要以好友资料查询系统为核心，该系统担负着双层作用，一方面用户

6、可以动态查询好友的个人信息资料；另一方面管理员又可以及时对会员基本资料进行管理，同时对留言板的留言信息进行管理，以保证网站的有序性和时效性。如可以注册成2为会员，查询好友个人资料、留言等等。这样可以更紧密地把用户、好友联系在一起，为大家在离开校园的日子里也可以相互联系、相互了解。一起在这个网站里共享美好时光。二、网站的建设原理网页的诞生，其实，到目前为止也就是六，七年的时间。这期间，网络技术的发展变化使人目不暇接，可以说它的演变周期是以“天“来计算的。网页设计及其方法论的变化也就可想而知了。（一）网站设计概述1、基本概念WWW 简介WWW 是 word wide web 的缩写 .它作为 in

7、ternet 上的新一代用户界面,放弃了以往纯文本方式的信息交互手段,采用超文本方式.利用该技术可以为用户提供全球范围的多媒体信息服务,使用户获取信息的手段有了根本性的改善,与之密切相关的概念是浏览器,浏览器实际上是用于网上浏览的应用程序,主要作用是显示网页和解释脚本.目前常用的浏览器有internet explorer 和 netscape.网页的组成一般来说,网页主要有文字、图片、动画、超连接和特殊组件等元素构成。URL 的概念URL(Universal Resource Locator)是“统一资源定位地址”的英文缩写。没个站点及站点上的每个网页都有一个唯一的地址，这个地址就是：URL,

8、向浏览器输入 URL，可以访问 URl 指向的 Web 网页，制作网页中的超文本时也要用到 URL.URL 的结构如下所示:http:/:8080/news/news.htm图 1：URL 的结构2、网站设计相关语言HTML 语言HTML（Hyper Text Markup Language 超文本标记语言）是一种用来制作超文本文档的简单标记语言。用 HTML 编写的超文本文档称为 HTML 文档，它能独立于各种操作系统平通信协议服务器名称通信端口文件夹文件3台（如 UNIX，WINDOWS 等）。自 1990 年以来 HTML 就一直被用作 World Wide Web 上的信息表示语言，用

9、于描述 Homepage 的格式设计和它与 WWW 上其它 Homepage 的连结信息。XML 语言XML（Extensible Markup Language），译为：可扩展置标语言，主要的用途是在internet 上传或处理数据。VRML 语言VRML(Virtual reality Modeling Language),译为：虚拟现实建模语言，主要的用途是描述物体的三维空间信息，使浏览者可以看到三维物体。也就是浏览者不仅可以看到物体的正面，还可以将物体加以旋转、拉伸或者是从各个角度来观察物体。CSS 语言CSS(Cascading Style Sheets),译为；层叠样式表，主要用途

10、是：定义网页数据的编排、格式化、显示及特殊效果等。浏览器端 Script 脚本语言Script 是一段嵌在 HTML 原始代码内的小程序。有：Javascript 和 VBScript。服务器端的 Script 脚本语言服务器端的 Script 脚本语言有：ASP 和 CGI。ASP(Active Serve Pages),译为:动态服务器网页。CGI(Common Gateway Interface), 译为:通用网关接口DHTML 语言Dynamic HTML,即动态 HTML,是一种技术的总称，是网页能够具有动态交互功能。3、网站设计流程建立网站（Web Site）的流程大致可以分成 3

11、 个主要阶段，入图所示：架构内容信息搜集整理资料规划网站结构网页制作整合网站效果测试网站上传网站推广更新维护图 2：网站设计流程 3 个阶段在第一阶段中，架构内容信息、搜集整理资料和规划网站结构是建立网站的第一步，这个阶段是确定网站宗旨、内容和性质的阶段，是整个建站过程的关键。在第二阶段中，是实现设计思想的过程，网页制作要选择一套编辑软件，如：Frontpage、Dreamweaver 等，实现第一阶段中的规划内容。网站制作完成后，在计算机上测试一下各个网页及组件能否正常运行，实际效果是否与开始设想的一致。对于第三阶段，网站制作的目的是与更多的人分享，需要上传到 internet 服务器上，首

12、先要在具有网页服务的 ISP 处申请网页空间，申请成功后，将网站上传到服务器上。将网站上传到 internet 之后还要进行后期的维护与更新，经常有新的内容和新的感觉，才能有更多的浏览者来网站观看。44、静态网页和动态网页静态网页开发系统静态网页主要提供文本和图形，它很难提供多媒体、二维空间移动、精确定位文字等动态的信息交换，仅仅是一些文字、图形。更新信息时需要重新制作页面然后上传页面并修改相应链接。静态网页如下所示：网页制作系统(如 Dreamweaver MX）Web 服务系统（如 IIS）Web 浏览器（如 IE）图 3：静态网页开发系统开发示意图动态网页开发系统动态网页不同于静态网页，

13、它跟踪页面上的每个元素，从本质上来说每当页面被加载时，浏览器就建立起相互的数据库，每个标记就成为数据库中的一个记录。另外动态网页需要一种方法来控制文档中所有需要控制的元素，可以通过一些脚本语言来完成，例如：Javascript 或 VBscript,脚本语言会把相关信息嵌入到页面上的每个元素中，并查阅它们的设定值，使之发生预想的变化。动态网页如下所示：提供数据 提供动态网页提供数据库连接 发布网页 图 4：动态网页开发系统示意图动态网页制作系统(Dreamweaver MX）数据库系统Web 浏览器Web 服务器和应用服务器(如 IIS)数据库连接程序和驱动程序5（二）动态数据库在网站中的应用

14、1、Microsoft SQL 2000使用了工业界最先进的数据库框架，它与 Microsoft Window DNA 2000 平台紧密集成，具有完全的 Web 功能，通过对高端硬件平台及最新网络和存储技术的支持，可以为最大的 Web 站点和企业级的应用提供可扩展性和高可靠性。2、Access 2000这是一个适合个人使用的数据库程序，其界面易于使用以便数据库表进行操作。虽然可以将 Access 用于多数 web 站点应用程序的数据源，但是，Access 的文件大小被限制在2GB 以内,并且并发用户限制为 255 个，所以使用是必须加以注意。应用于 Web 的数据库除了 SQL server

15、 2000 和 Access 2002 以外，还有 Oracle,Foxpro等。（三）网页制作工具网页三剑客是现在比较流行的网页制作工具，它包括：Dreamweaver MX、FireWorks Mx以及 Flash. 除了网页三剑客以外几种各有特色的网页制作软件下面，我将作简单介绍：1Dreamweaver MX 的简介Dreamweaver MX 是一款功能强大的“所见即所得”的网页编辑器，其可视化特征使用户可以直接在网页上添加和编辑元素，而不用写一行代码。它融入了对数据库技术的支持，使制作动态网页更加简捷。要想在计算机中使用 Dreamweaver MX，计算机的软件和硬件必须满足一个

16、最低要求。如下：Intel Pentium 2 处理器或等效处理器，300MHz 或更快：Windows 98、 Windows 2000 、Windows NT、 Windows Me; Netscape Navigator4.0、Microsofi Internent Explorer；96MB 的可用内存（PAM）（建议采用128MB 内存）；275MB 的可用磁盘空间；分辩率可达 800*600 像素的 256 色显示器：CD-ROM驱动器。2flash 的介绍Flash 是用来编辑二维动画的软件，经过几代版本改进后，采用了矢量图形和流式技术，迅速成为网上动画的霸主。Flash 能够很

17、好地支持声音，具有交互功能，简单易学，越来越多的教师以此平台制作课件。Flash 界面和 Director 极为相似，可分为工具箱、总谱区、层控制面板和舞台四大支块。Flash 制作动画比较简单，你只要定义好各个关键帧，当中的过程由计算机自动生成。它在制作动画方面和秘密武器是多层透明效果和变形技术，再结合按钮符号的交互功能，就能制作出炫目的课件。Flash 特别适合表现现实中难以实现的、抽象的概念或现象，像炮弹的轨迹图，原子裂变效果等。只用 Flash 当然可以开发出一个完整的课件，而且“身材苗条” ，适于网上传播。但 Flash 并不是为课件定制的，在课件开发6上存在一定欠缺，最好与其他编辑

18、平台配合使用。3Fireworks 的介绍Fireworks 是 Macromedia 公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用 Fireworks 都不仅可以轻松地制作出十分动感的 GIF 动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks 将是最大的功臣。4FrontPage 介绍FrontPage2000 带有图形和 GIF 动画编辑器，支持 CGI 和 CSS。向导和模板都能使初学者在编辑网页时感到更加方便。FrontPage2000 最强大之处是其站点管理

19、功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage2000 会为你跟踪文件并拷贝那些新版本文件。FrontPage2000 是现有网页制作软件中惟一既能在本地计算机上工作，又能通过 Internet直接对远程服务器上的文件进行工作的软件。5Netscape 编辑器Netscape Communicator 和 Netscape Navigator Gold3.0 版本都带有网页编辑器。如果你喜欢用 Netscape 浏览器上网，使用 Netscape 编辑器真是简单方便！当你用 Netscape浏览器显示网页时，单击编辑按钮，Netscape 就会把网页存储在硬盘中，然

20、后就可以开始编辑了。你也可以像使用 Word 那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，但是，Netscape 编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。Netscape 编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape 编辑器将是一个轻松的选择。如果你对 HTML 语言有所了解的话，能够使用 Notepad 或 Ultra Edit 等文本编辑器来编写少量的 HTML 语句，也可以弥补Netscape 编辑器的一些不足。6、Adobe Pag

21、emillPagemill 功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和 Image Map 图像，那么 Adobe Pagemill 3.0 的确是你的首选。Pagemill 另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。7、Claris Home Page 介绍7Claris Home Page 软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑 Frame(框架)的工具，你不必花费太多的力气就可以增加新的 Frame(框架)。而且 Claris Home

22、Page 3.0 集成了 FileMaker 数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对 Image Map 图像的处理也不完全。8、HotMetal Pro 4.0 介绍HotMetal 既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知 HTML，才能得心应手地使用这个软件。HotMetal 具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel 以及其他 ODBC 数据提出来，放入页面中。而且 HotMetal 能够把它们自动转换为 HTML 格式，此外它

23、还能转换很多老格式的文档(如 WordStar 等)，并能在转换过程中把这些文档里的图片自动转换为 GIF 格式。HotMetal 为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。9、HotDog 介绍HotDog 是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog 的高级 HTML 支持插入 marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的 Microsoft 在 FrontPage 98中也未提供这样的功能。HotDog 对 plug-in 的支持也远远超过其

24、他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。HotDog是个功能强大的软件，对于那些希望在网页中加入 CSS、Java、RealVideo 等复杂技术的高级设计者，是个很好的选择。10、ASP 介绍利用 ASP（ACTIVE SERVER PAGES）技术，ASP 技术基于微软的 DCOM（分布式 COM）标准，是微软公司提供的一种服务器端脚本支持环境，它通过 ADO（ACTIVEX DATA OBJECT）控件的方式来处理与数据库的连接。由于 ASP 技术开发周期短，成本低，对控件的支持可以开发出较为理想的应用，所以，ASP 得到广泛的应用。

25、ASP 文件是以.asp 为扩展名的文本文件，这个文本文件可以包括下列部分：文本、HTML 标记、ASP 脚本命令。ASP 文件存放在 WEB 服务器相应的目录中，当客户浏览器从 WEB 服务器上请求.asp 文件时，ASP 脚本开始运行，将运行结果和.asp 中的静态部分组合成标准的 HTML 格式传输给客户端浏览器。ASP 对数据库的访问是通过 ADO 对象来实现的，它把数据库查询结果放在 HTML 页中传给浏览器。鉴于 ASP 的优点，采用它来解决大容量数据库的访问。 ASP 结构是一个三层系统：UI 层、业务逻辑层和数据层，UI 层负责与用户交互，接收用户的输入并将服务器端传来的数据呈

26、现给客户。业务逻辑层负责接收浏览器传来的请求并将请求传给数据层，同时将请求处理结果发给浏览器。它由 Web 表单、XML Web 服务和组件服务组成。其中 Web 表单是ASP.NET 应用程序的核心所在，它是向客户呈现数据和信息的基础，也是响应和处理客户8与显示的 Web 表单交互生成的信息和数据的基础。数据层是通过 ADO 操纵数据为事务逻辑层提供数据服务，如存储数据操作结果、返回数据检索结果等。asp 文件处理过程如下所示：图 5（四）测试和发布网站1、测试网站在将网站上传到服务器供浏览之前，应当在本地对其进行测试，以便及时解决问题，测试中需要考虑以下问题：确保页面在目标浏览器中能够如预

27、期的工作在尽可能多的浏览器上浏览页面检查站点连接是否正常监测页面的文件大小以及下载这些页面所占时间使用验证标签检查页面代码中是否存在标签或语法错误完成站点的发布以后，应继续对站点进行更新和维护2、发布网站网站的发布就是将设计者准备好的网站内容传送到浏览者时刻可以访问的 Web 服务器上。发送网站有两种方法：一种是发布到局域网上，其方法比较简单，首先是安装 Web 服务器确定其 IP 地址，然后要为发布的网站确定文件夹的位置，并提供给浏览者访问的站点域名，最后就可以传送和发布网站了；另一种是租用 ISP 的 Web 服务器的一个空间来发布网站，首先要确定一个 ISP，获得一个账号和服务器上的一个

28、适当的硬盘空间，还会在服务器上为你的站点提供一个 URL，以便上传和发布网站。三、概要设计（一） 对功能的规定本网站的最终用户为网络登陆的人员，在使用上没有特别的要求，只需要掌握基本的9计算机操作知识；操作人员、维护人员须有一定的计算机专业水平，并对此网站有一定的认识，此外还需对数据库方面的知识有一定的了解。明确了最终用户之后，整个系统始终围绕着最终用户的特点来设计。（二）网站的整体布局该网站的主要功能有：. 已注册用户可以实现基本的登入登出，进行好友资料的查询. 未注册用户不可登入系统，但可以按照要求提交申请后成为注册用户. 遗失密码的用户可以通过注册时的注册信息找回密码. 系统维护、管理人

29、员可以对本网站的用户的基本信息进行一般性的管理工作工作要好友资料库的用户可以通过留言板留言，管理员根据留言将其资料输入资料库管理员具有双层的作用，一方面对会员资料进行管理；一方面是对留言板的管理登陆网站的用户可以通过电子邮件与站长联系故该网站的各页面之间的连接关系如下图：登陆主页用户登陆 用户注册 密码查询 管理员登陆 留言板图 6：各页面连接关系图（三）网站各页面功能实现、登入登出管理会员系统登入处理进入登陆失败页面 进入资料查询页面会员信息表登入请求登入失败 登入成功图 7：用户登陆10管理员输入管理员名及密码系统处理、新用户注册管理新用户进入注册失败页面 进入资料查询页面会员信息表注册请

30、求注册失败 注册成功系统注册处理图 8：新用户注册、密码查询管理会员系统查询处理系统提示，返回主页进入密码显示页面会员信息表输入用户名查询失败 查询成功图 9：密码查询、管理员操作该功能模块主要是针对网站管理员对网站的资源进行管理，主要有两层管理，一层是对整个网站个页面管理；另一层是对留言板及其登陆用户信息管理。 整个网站页面管理，如下图所示：管理员信息表图 10：网站管理查询资料主页个人资料查询页面修改记录页面添加记录页面删除记录页面留言板管理页面11留言板管理员输入留言板管理员名及密码留言板系统处理 留言板管理，如下图所示：留言板管理员信息表图 11：留言板管理5、留言板操作留言板的设置是

31、为了便于访客留言、联系管理员、完成个人资料添加以及管理员回复等功能，各页面功能模块连接如下所示：留言板显示留言 访客留言 留言板管理编辑留言 删除留言 回复留言返回主页图 12：留言板操作四、详细设计（一）访问设计根据本系统的用户特征，可以把用户分为两类系统管理员和一般用户。该系统实现的功能完整，如：新用户注册、用户登陆、密码查询、管理员访问、留言等。编辑访客留言页面删除访客留言页面回复访客留言页面121、用户的登入登出输 入 处 理 输 出用户姓名 密码 PW 访问数据库并对用户身 份进行验证 登入成功/失败表 12、 新用户注册用户ID密码真实姓名性别出生年月E-MAIL 密码提示问题提示

32、问题回答userName pw turename sex birth email question answer处理 成功则写入用户数据库输出 注册成功/ 失败显示页面表 23、密码查询输 入 处 理 输 出用户 ID 密码提示问题 的回答 访问数据库并对用户资 料进行验证 输出密码 查询失败表 34、管理员访问输 入 处 理 输 出管理员姓名 密码 PW 访问数据库并对管理员 身份进行验证 管理员登入 成功/失败表 413（二）处理流程输入用户姓名和密码口令 PSW 登入登出处理登入失败登入成功进入资料查询页面输入用户基本信息注册管理注册成功注册失败网站主页输入管理员姓名和密码管理员登陆 注

33、册失败注册成功网站管理 留言板管理查询 添加 修改 删除输入查询密码提示问题密码查询 查询失败查询成功密码结果显示图 13：操作流程图 14（三）数据库设计1、 逻辑结构设计要点给出本系统内所使用的每个数据结构的名称、标识符以及它们之中每个数据项、记录、定义、长度及它们之间的层次的或表格的相互关系。用户（User）的基本信息表列名 数据类型 可否为空 说明userName CHAR(50) NOTNULL 用户姓名password CHAR(16) NOTNULL 密码trueName CHAR(50) NULL 真实姓名sex CHAR(50) NOTNULL 性别birth NOTNULL

34、 出生年月email CHAR(50) NULL E-MAILquestion CHAR(50) NOTNULL 密码提示问题answer CHAR(50) NOTNULL 密码提示问题答案authority LONG NULL 用户权限位，管理员为 1，一般用户为 0表 5好友资料（Information ）的基本信息表列名 数据类型 可否为空 说明姓名 CHAR(50) NOTNULL 好友姓名出生年月 NOTNULL 出生年月性别 CHAR(50) NULL 性别籍贯 CHAR(50) NULL 籍贯院系 CHAR(50) NULL 毕业院系年级班级 CHAR(50) NULL 所在年级

35、和班级住址 CHAR(50) NULL 家庭住址联系电话 CHAR(50) NULL 联系电话QQ 号码 LONG NULL 腾讯 QQ 号码E-Mail CHAR(50) NULL 电子邮件备注 CHAR(50) NULL 备注表 6网站管理员（administrator）的基本信息表列名 数据类型 可否为空 说明管理员姓名 CHAR(50) NOTNULL 管理员姓名登陆密码 CHAR(50) NOTNULL 登陆密码表 715留言板管理员（Visitors book administrator）的基本信息表列名 数据类型 可否为空 说明管理员姓名 CHAR(50) NOTNULL 管理员

36、姓名登陆密码 CHAR(50) NOTNULL 登陆密码表 8留言板访客（ The administrator visits）基本信息表列名 数据类型 可否为空 说明Name CHAR(50) NULL 游客姓名QQ LONG NOTNULL QQ 号码Email CHAR(20) NULL 电子邮件ICON CHAR(6) NOTNULL 访客头像IP CHAR(15) NULL IP 地址Homepage CHAR(30) NULL 主页Content NULL 备注Date NULL 访问日期Reply NULL 回复Rdate NULL 回复日期表 92、数据库在 Web 中的应用目前

37、，大多数企业通过服务和数据库技术相结合的办法，构建一种三层客户端服务器的体系结构，即客户端浏览器/中间服务器（WEB 服务器）/数据库服务器（B/W/D） ，利用 INTERNET 向世界各地发布企业的商业信息。一种通用的三层客户端/服务器体系结构，这种体系结构与传统的二层 C/S 结构比较，最大的优点就是将网络通信和数据库操作分离开来，并在客户端和 WEB 服务器间使用多路复用技术，减轻了数据库服务器 CPU 的负载，加快数据的处理能力。三层客户端/服务器体系结构如下图 14 所示 图 14 ：三层客户端/服务器体系资料查询系统采用的开发语言是跨平台的编程语言 Java 语言，它能够支持 W

38、indowsNT和 UNIX 等操作系统。本系统共有三层结构：客户端、Web 服务器、数据库服务器；这三层结构的实现技术和方法分别是：客户端：用 HTML 作网页，并用 JavaScript 作网页特效和输入检查。Web 服务器端：使用 Java 服务企业 JSP、Servlet 实现对服务器端操作。16数据库服务器：使用 asp 实现对数据库的连接。五、功能实现（一）网站各页面功能经过设计、功能实现和测试后，网站能够完成新用户注册、用户登陆、密码查询、管理员访问、留言等功能。1、网页功能模块如下：. index.asp： 网站主页,包括新用户注册、用户登陆、密码查询、管理员登陆如下图所示：图

39、 15：网站主页. reg_okasp：注册成功页面，注册成功进入查询页面. reg_fail.asp ：注册失败页面，返回主页. log_ok.asp： 登陆成功页面，登陆成功进入查询页面log_fail.asp： 登陆失败页面，返回主页Question.asp: 密码查询页面，输入用户名，根据密码查询提示问题输入提示问题的答案，查询成功显示查询结果，查询失败返回主页图 16：密码查询页面17Showpass.asp：密码查询结果显示页面图 17：密码查询结果显示页面Max.asp：管理员登陆页面，输入管理员的姓名和密码，登陆成功进入管理员操作页面，登陆失败返回主页图 18：管理员登陆页面A

40、dmin.asp: 管理员操作页面,包括添加、修改、删除、查询及留言板管理图 19：管理员操作页面Master.asp: 好友资料查询主页，对好友的基本信息进行查询，例如：住址、话、邮箱等图 20：查询主页Search.asp: 个人资料查询页面，按人名查询，输入要查询的人名，查询成功进入个人资料查询结果显示页面，失败返回主页18图 21：按人名查询页Result.asp：个人资料查询结果显示页面，显示查询结果图 22：按人名查询结果显示页Insert.asp： 添加记录页面，添加好友资料，添加成功进入添加成功页面，添加失败进入添加失败页面图 23：添加记录页Select.asp：修改个人资料

41、选择页面，选择要修改的用户的 ID 号，进入修改资料页面Select_updata.asp：修改资料页面，修改好友的个人资料，修改成功进入修改成功页面，修改失败返回主页图 24：修改记录页19Updata_ok.asp：修改成功显示页面Delete.asp: 删除个人资料选择页面，选择要删除的用户的 ID 号，进入删除资料页面Delete_updata.asp: 删除资料页面，删除好友的个人资料，删除成功进入删除成功页面，删除失败返回主页图 24：删除记录页Delete_ok.asp: 删除成功显示页面2、留言板功能模块如下：Index.asp: 留言板首页，包括访客留言显示、留言查看、留言板

42、管理图 24：留言板首页Login.asp: 留言板管理员登陆页面，输入管理员姓名和密码，登陆成功进入留言管理页面，登陆失败返回留言板首页图 25：留言板管理员登陆Admin.asp: 留言管理页面，对访客留言进行回复、编辑、删除20. Reply.asp: 管理员回复留言页面，对访客留言进行回复，回复成功返回Admin.as 留言管理页面图 26：留言板管理员回复留言Insert.asp:访客留言页面图 27：访客留言Edit.asp: 访客留言编辑页面，管理员对访客留言进行编辑，编辑成功返回Admin.asp 留言管理页面Delete.asp:访客留言删除页面，对访客的留言进行删除，删除成

43、功返回Admin.asp 留言管理页面图 28：删除留言（二）管理员信息1、网站管理员信息网站管理员（administrator）的基本信息管理员名 管理员密码何琳表 8212、留言板管理员信息留言板管理员（Visitors book administrator）的基本信息管理员名 管理员密码何琳表 9六、总结报告（一）结束语这次毕业设计从 2005 年 2 月开始，到现在已经有三个多月了，时间不是很长，但我却在其中学到了不少东西，很是值得总结一下的。我从事毕业设计的题目是网上好友资料查询系统，指导老师是张宇老师。我觉得在这些具体工作中使我收益最大的就是对整个网站构建过程的理解，以及对网页三剑

44、客：Dreamweaver MX、FireWorks Mx 以及 Flash 之间的运用的掌握。开发一个网站需要：架构内容信息、搜集整理资料、规划网站结构、网页制作、整合网站、效果测试、网站上传、网站推广和更新维护这九个步骤，这就牵扯到命名规约、网站的可用性、程序的可读性、可维护性、良好的数据连接等，这些都是在学校所学不到的。在毕业设计中我用的是网页三剑客：Dreamweaver MX、FireWorks Mx 以及 Flash 来构建网站，尽管我在学校学习中并没有接触过这些软件，但是以前所学过的计算机网络和数据库知识给了我很大的帮助。 我深刻地体会到了网站建设的完整性、系统性和可用性。这个项

45、目，要求各个页面之间的连续性，都要考虑到出错的情况以及出错处理。而且在网站结构上都有严格的要求。在初期，经常由于我的不严谨和设计上考虑不充分，而给网站构建造成错误。为了克服这个不足，我把要注意的问题都写在笔记本上，并且在笔记本上画出各个页面之间相互联系的关系图，强迫自己按照严谨的规则来处理程序。最后，我认为毕业设计确实是我们毕业生的很好的锻炼机会，可以在工作中逐渐融入到实际岗位上，为我们从学校走向社会提供了-个过渡期，这个过渡期是很有必要的。（二）实现功能和目的网站能够完成以下工作：. 已注册用户可以实现基本的登入登出，进行好友资料的查询. 未注册用户不可登入系统，但可以按照要求提交申请后成为

46、注册用户. 遗失密码的用户可以通过注册时的注册信息找回密码. 系统维护、管理人员可以对本网站的用户的基本信息进行一般性的管理工作工作要好友资料库的用户可以通过留言板留言，管理员根据留言将其资料输入资料库管理员具有双层的作用，一方面对会员资料进行管理；一方面是对留言板的管理22登陆网站的用户可以通过电子邮件与站长联系（三） 待完善部分由于构建网站是第一次，经验不足和能力有限。本次毕业设计的完成建立在网页三剑客的组合运用上，数据库建设采用的是 Microsoft Office Access 2003.网站的设计功能基本实现。但由于时间短，准备不充分，网站基本是功能的实现，在外观设计上比较单调，动态

47、组件使用少，功能比较单一。此外，实际开发的系统在数据库的安全性策略方面也没有考虑。鉴于本系统的特点，以下就基于用户的安全性策略进行简要的说明： 密码的安全性：对于通过数据库进行用户身份确认的应用，可以使用密码加密的方式与数据库进行连接。 权限管理：充分利用“角色”这个机制所带的方便性对权限进行有效管理。对于复杂的系统环境， “角色”能大大地简化权限的管理。参考文献1 吴涛 ， 网站全程设计技术 ， 清华大学出版社 ， 2003 年 5 月 2 易枚根 易林 ， Dreamweaver MX 2004 网页设计与网站建设 ，机械工业出版社， 2004 年 6 月3 成晓静 毕靖 ， 网页设计三剑

48、客 ，中国电力出版社，2004 年 11 月4 Shelley powers 著 何健辉,张珞玲、于芳、邓晓蓓 译 ， ASP 开发指南（第二版） ，中国电力出版社，2002 年 4 月5 http:/ ， Dreamweaver MX 2004 打造留言板 ，2003 年 11 月6 侯素玲 ， 网页设计与制作 ，中国铁道出版社 ，2004 年 10 月附录：网站程序1、新用户注册代码如下：23新用户注册请填写下面的注册表，*号必须填写“ METHOD=“POST“ name=“form1“用户名* 密码* 确认密码* 真实姓名性别男女Email密码遗失提示问题24* 密码遗失提示答案*2、

49、用户登陆代码如下：“用户名 密码253、删除记录代码如下：“ METHOD=“POST“ name=“form1“姓名*出生年月* 格式 82-10-1性别*籍贯*格式 湖北省院系年级班级住址*格式 湖北省武汉市联系电话26*QQ 号码Email*备注“4、修改记录代码如下：“ METHOD=“POST“ name=“form1“姓名“*出生年月“* 格式 82-10-1性别“男女*籍贯“*格式 湖北省院系“计算机电子信息会计国际贸易电子商务英语中文年级班级“199719981999200020012002200320042005住址28“*格式 湖北省武汉市联系电话“*QQ 号码“*Email“*备注“5、插入记录代码如下：“ METHOD=“POST“ name=“form1“姓名*出生年月* 格式 82-10-1性别男女*籍贯*格式 湖北省院系计算机电子信息会计国际贸易电子商