毕业设计（论文）基于ASP的计算机学会网站的改版设计与实现

1、海 南 大 学毕 业 论 文（设计） 题 目：计算机学会网站的改版设计与实现 学 号： xxxx 姓 名：xxx 年 级：xxx 学 院： 信息科学技术学院 系 别： 计算机科学与技术系 专 业： 计算机科学与技术 指导教师： xxxx 完成日期： xxxx 计算机学会网站的改版设计与实现i摘摘 要要随着信息社会的逐步形成，网络的普及，人们对网络也有了更深层次的认识。建设个性化的网站可以更加方便的收集信息，开展更加直接的网络交流。计算机学会网站给广大计算机爱好者提供一个直接交流平台，突破了时间空间的限制。基于asp技术开发的计算机学会网站系统是采用三层web应用体系结构的模块设计方法，利用dr

2、eamweaver编程工具，借助asp服务器组件、ado数据访问技术来实现。本文对整个系统分析其背景、现状、基本功能、设计思想及对该系统改版所达到的目标；详细阐述了系统的设计方案和实现方案，并对系统的使用、测试及维护做了一定的分析说明。计算机学会网站系统的实现分为两个模块，分别为管理员模块、会员模块。系统实现了用户注册申请成为会员，登录后的会员享有浏览其他会员信息、修改个人密码及资料、发表评论及留言的功能；管理员享有管理、修改网站基本资料、网站基础数据、用户信息，维护网站数据等功能。关键词关键词：学会网站；计算机学会；会员管理；asp计算机学会网站的改版设计与实现iiabstractwith

3、the gradual growing up of information society and the popularity of the internet nowadays. as establishing a website with full of individualities can make users more convenient to get information and more easy to communicate with others. the website of the computer society website such kind of web t

4、hat provide a direct exchange platforun for computer-lovers to break through the limitation of time and space.the system of computer society website based on asp technology, uses web applications with three-tier architecture of the modular design method, dreamweaver programming tools, asp server com

5、ponent and data access technologies. the article analyzes the background, present situation, basic functions, and design thanking of the whole system, details the design and realization of program, and explain about the usage, text and maintenance of the system.computer society website systems divid

6、ed into two modules, administer module and member module. the system achieve users application for registration to become a member, member login enjoy to get others information, edition personal and information, making comments and leaving message. the administer can manage and modify basic informat

7、ion, basic on data of the website, member information, and maintenance of website data.keywordskeywords: society website; computer society; member management; asp计算机学会网站的改版设计与实现iii目目 录录1 绪论 .11.1 系统改版的背景.11.2 系统改版目的及意义.11.3 系统的现状和问题 .11.4 本课题要达到的目标 .22 系统改版的相关技术与环境 .32.1 asp 技术简介 .32.2 asp 的运行环境 .42

8、.3 iis 简介 .42.4 iis 与 asp 的结合 .52.5 access 2000 数据库简介 .62.6 ado 技术 .82.6.1 ado 简介 .82.6.2 ado 特点 .93 系统分析和设计 .103.1 系统需求分析.103.1.1 系统功能概述 .103.1.2 具体的需求分析 .103.2 系统结构设计 .113.2.1 系统的技术结构 .113.2.2 系统总体结构设计 .113.2.3 系统流程图 .123.3 系统功能模块设计 .133.3.1 管理员模块 .133.3.2.会员模块 .143.4 数据库设计.153.4.1 主要的数据逻辑设计 .153.

9、4.2 数据库代码设计 .184 模块设计及实现 .194.1 版面功能模块设计 .194.1.1 版面布局设计 .19计算机学会网站的改版设计与实现iv4.1.2 会员登录模块 .204.1.3 菜单模块 .214.2 管理员模块.224.2.1 登录 .224.2.2 基础数据管理 .244.2.3 会员信息管理 .274.3 会员注册模块.275 系统的使用、测试及维护 .325.1 建立运行环境 .325.2 系统的测试与分析.325.3 维护.33致 谢 .35参考文献 .36计算机学会网站的改版设计与实现11 1 绪论绪论1.11.1 系统改版的背景系统改版的背景随着计算机科学的发

10、展，互联网技术水平的提高，建立网站已经成为一个很普遍的问题。对于个人来说，建设个性化的网站可以更加方便的收集信息，开展更加直接的网络交流；对于一个企业来说，建设好自己的网站可以抢占新世纪发展的战略要点。网站已成为了各个单位的门面，一个网站功能的完整度、设计技巧、整体美工，从某种意义上就代表了该单位的形象，映射该单位的实力。1.21.2 系统改版目的及意义系统改版目的及意义网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等 。在原有功能的基础上，构造更完善的计算机学会，能够传递更丰富的信息，同时还能给人以美的艺术享受，

11、树立我们学会良好的社会形象。1.31.3 系统的现状和问题系统的现状和问题海南省计算机学会网站正处雏形期，功能（如标题栏）还没有完善，数据信息不够灵活，某些模块（如会员注册）信息存在缺漏，基于原有功能及技术，完善的同时，对整体版面进行美工设计。asp 是企业的理财专家，是迈向电子商务时代重要的基础建设。本系统是基于 asp 的脚本语言，asp 有以下几大优点：（1）开放性在 iis 3.0 上，并不需要开发者使用一个专有的脚本语言来生成网络应用程序，实际上 active server pages 包括了对 vbscript 和javascript 的本机支持。通过第三方组合组件，它还可以使用其

12、他语言（如 perl、rexx） 。多个脚本语言甚至可以在相同的 asp 文件中交替使用并相互调用。而 active server 组件实际上可以用任何语言编写，这些语言包括 java、visual basic、c+、cobol 等等。 计算机学会网站的改版设计与实现2（2）易操作性asp 使 html 设计人员可以在服务器上方便地“激活”他们的 web 页，可以立刻对定制化网页和简单的应用程序进行开发。以往需要用 perl 或c 编写的复杂的 cgi 程序来完成的功能（如数据库连接） ，现在若使用 asp则只要几行简单的代码就能实现。 （3）程序与外观分离 通过使用脚本和组件，active

13、server pages 允许用户将编程工作与一个网页的设计和其他工作分离开来。这就可以确保开发者能够将主要的精力用来考虑编写程序的逻辑，而不必担心外观是怎样的。同时，它也使那些从事外观设计的人员可以利用一些工具来对网页进行修改，而不用过于关心编程问题。 （4）非手工编译asp 的即时编译系统在被请求时自动对 asp 源文件重新编译，并将其载入服务器的高速缓存中。因此，开发者对 asp 文件的修改可在浏览器中立即得到反映，只需要简单地保存该文件并在浏览器中刷新即可。 （5）浏览器独立性asp 提供了一种浏览器中枢方案来完成应用程序的设计工作。因为用于生成动态内容的脚本可以在服务器上执行，所以开

14、发者不必担心客户用什么浏览器来浏览网点。1.41.4 本课题要达到的目标本课题要达到的目标本文作者对原有系统的功能改版目标如下：关于我们、单位会员模块要求：相关信息入库，并在后台添加相应内容。会员注册模块要求：对原有的注册表进行修改，添加新的字段，要求会员注册必须经过管理员审核方可通过。控制面板模块要求：会员登陆后才显示。菜单模块要求：多层菜单采用下来菜单形式。版面布局模块要求：以原有版面为核心，进行适当重排修改。计算机学会网站的改版设计与实现32 2 系统改版的相关技术与环境系统改版的相关技术与环境2.12.1 aspasp 技术简介技术简介asp 是 active server page

15、的缩写，意为“活动服务器网页” 。asp是微软公司开发的代替 cgi 脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。asp 的网页文件的格式是.asp，现在常用于各种动态网站中。asp 是一种服务器端脚本编写环境，可以用来创建和运行动态网页或web 应用程序。asp 网页可以包含 html 标记、普通文本、脚本命令以及com 组件等。利用 asp 可以向网页中添加交互式内容（如在线表单） ，也可以创建使用 html 网页作为用户界面的 web 应用程序。与 html 相比，asp 网页具有以下特点： （1）利用 asp 可以实现突破静态网页的一些功能限制，实

16、现动态网页技术； （2）asp 文件是包含在 html 代码所组成的文件中的，易于修改和测试； （3）服务器上的 asp 解释程序会在服务器端制定 asp 程序，并将结果以 html 格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览 asp 所产生的网页； （4）asp 提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从 web 浏览器中获取用户通过 html 表单提交的信息，并在脚本中对这些信息进行处理，然后向 web 浏览器发送信息； （5）asp 可以使用服务器端 activex 组件来执行各种各样的任务，例如存取数据库、发送 email 或访问文件系统等。

17、 （6）由于服务器是将 asp 程序执行的结果以 html 格式传回客户端浏览器，因此使用者不会看到 asp 所编写的原始程序代码，可防止 asp 程序代码被窃取。 可见，asp 的程序编写比 html 更方便、更具灵活性。它是在 web 服务计算机学会网站的改版设计与实现4器端运行后，再将运行结果以 html 格式传送至客户端的浏览器。因此，asp 比其他脚本语言要可靠。asp 技术快速开发工具较多，有利于系统的快速开发。同时 asp 吸收了多种较为实用的技术，是一种发展较为成熟的网络应用程序开发技术；其核心技术是对组件和对象技术的充分支持。通过使用 asp 的组件和对象技术，用户可以直接使

18、用 activex 控件，调用对象方法和属性，以简单的方式实现强大的功能。asp 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，提高了程序的安全性。.asp 程序无须编译， asp 程序的控制部份，是使用 vbscript 、 jscript 等脚本语言来设计的，当执行 asp 程序时，脚本程序将一整套命令发送给脚本解释器 ( 即脚本引擎 ) ，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。 2.22.2 aspasp 的运行环境的运行环境asp 网页需要相应的 web 服务器的支持，才能正常运行，其 web 服务器主要是 pws 和 iis。personal w

19、eb server 简称为 pws，即个人 web 服务器，是为个人发布网页开发的，适用于小规模的公司内部网，仅支持 10 个并发用户，只能容纳一个 web 站点，提供基本的 www 服务和简单的 web 管理，支持ado.net 访问数据库。pws 运行于 windows 9x/me 平台，常用于学习、编写和调试 asp 页面时用作 web 服务器。其中，iis 功能最强，提供了对 asp 的全面支持，是创建高速、稳定的 asp 主页的最佳选择。2.32.3 iisiis 简介简介 microsoft internet information server 是一种 web 服务器，可让你在

20、intranet 或 internet 上发布信息。internet information server用 http 来传送信息。也可设定 internet information server 来提供file transfer protocol（ftp）和 gopher 服务。ftp 服务可让使用者将档案传送到您的 web 站台，或从 web 站台传送文件。gopher 服务则使用了用来寻找文件的功能表导向通讯协定。而 http 以大大超越 gopher 通讯计算机学会网站的改版设计与实现5协定许多。您可以使用 internet 服务管理員增强服务器的效能。internet 服务管理员可以

21、协助您设定并监视网络上任何 windows nt server 电脑上所执行的 internet 服务。 iis 与 windownt server 完全集成在一起，因而用户能够利用windows nt server 和 ntfs（nt file system，nt 的文件系统）内置的安全特性，建立强大，灵活而安全的 internet 和 intranet 站点。 iis 支持 http（hypertext transfer protocol，超文本传输协议） ，ftp（fele transfer protocol，文件传输协议）以及 smtp 协议，通过使用 cgi 和 isapi，iis

22、可以得到高度的扩展。iis 支持与语言无关的脚本编写和组件，通过 iis，开发人员就可以开发新一代动态的，富有魅力的 web 站点。iis 不需要开发人员学习新的脚本语言或者编译应用程序，iis 完全支持 vbscript，jscript 开发软件以及 java，它也支持 cgi 和 wincgi，以及 isapi 扩展和过滤器 。 iis 相应性极高，同时系统资源的消耗也是最少，iis 支持 isapi，使用 isapi 可以扩展服务器功能，iis 的一个重要特性是支持 asp。2.42.4 iisiis 与与 aspasp 的结合的结合在过去，客户机/服务器结构的设计与 web 的相关技术

23、几乎处于平行线上，两者相互独立并无法作出集成性的设计。现在我们利用 iis+asp 构成三层式 web 结构（如图 2.1 所示）的中间一层，将客户机/服务器结构与 web 密切结合，完成前后端两者的集成输出功能，使得 web 站点的开发更方便，实现的功能更强大。利用 iis+asp 技术来集成 web 前后端所带来的强大效益可归结为以下几个方面：减少构建和维护成本加快联机过程应用软件集中在服务器端开发管理前端可使用任何浏览器（ie、netscape.）后端可存取任何数据库 (sql、access.)可使用任何脚本语言开发 (vbscript、javascript、perl.)计算机学会网站的

24、改版设计与实现62.52.5 accessaccess 20002000 数据库简介数据库简介基于原有系统的技术，本课题仍采用微软公司出的 office 中一个小型数据库access 2000。access 2000 是 office 自带的数据库，是office2000 里面的一个组件，一个前后台结合的数据库“软件” 。即access 既拥有用户界面(vb 可以用来开发用户界面)；也拥有逻辑、流程处理，即 vba 语言(vb 也可以用来做逻辑处理)；又可以存储数据。 access 是桌面型关系数据库，适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问

25、客户端不能多于 4 个。access 数据库有一定的极限，如果数据达到 100m 左右，很容易造成服务器假死，或者消耗掉服务器的内存导致服务器崩溃。access 其独特的优点即：界面友好、易学易用、开发简单、操作灵活、转移方便、运行环境简单，对于小型网站的数据库处理能力效果较佳，是典型的新一代桌面数据库管理系统。数据库服务器microsoft iis + asp浏览器后端数据库activex server 元件程序和计算逻辑activex server 元件前端浏览器图 2.1 三层式 web 结构示意图计算机学会网站的改版设计与实现7其主要特点如下： (1)完善地管理各种数据库对象，具有强大

26、的数据组织、用户管理、安全检查等功能。 (2)强大的数据处理功能。在一个工作组级别的网络环境中，使用access 开发的多用户数据库管理系统具有传统的xbase（dbase、foxbase 的统称）数据库系统所无法实现的客户服务器(cient/server)结构和相应的数据库安全机制，access 具备了许多先进的大型数据库管理系统所具备的特征，如事务处理/出错回滚能力等。 (3)可以方便地生成各种数据对象，利用存储的数据建立窗体和报表，可视性好。 (4)作为 office 套件的一部分，可以与 office 集成，实现无缝连接。 (5)能够利用 web 检索和发布数据，实现与 interne

27、t 的连接。 access 主要适用于中小型应用系统，或作为客户机/服务器系统中的客户端数据库。数据库系统采用客户/服务器结构的好处在于：(1) 数据集中存储数据集中存项户在服务器上，而不是分开存储在各客户机上，使所以拥护都可以访同的数据。(2) 业务逻辑和安全规则可以在服务器上定义一次，而后被所有的客户使用。(3) 关系数据库服务器仅返回应用程序所需要的数据，这样可以减少网络流量。(4) 节省硬件开销，因为数据都存储在服务器上，不需要在客户机上存储数据，所以客户机硬件不需要具备存储和处理大量数据的能力，同样，服务器不需要具备数据表示的功能。(5) 因为数据集中存储在服务器上，所以备份和恢复起

28、来很容易。客户/服务器体系结构见图 2.2：计算机学会网站的改版设计与实现8图 2.2 客户机/服务器体系结构2.62.6 adoado 技术技术2.6.1 ado 简介简介 ado(activex data object)microsoft 数据库应用程序开发的新接口，是建立在 ole db 之上的高层数据库访问技术。ado 技术基于 com，具有com 组件的诸多优点，可以用来构造可复用应用框架，被多种语言支持，能够访问关系数据库、非关系数据库及所有的文件系统。另外，ado 还支持各种客户/服务器模块与基于 web 的应用程序，具有远程数据服务（rds(remote data servic

29、e)）的特性，是远程数据存取的发展方向。ado (active data objects)是 asp 与数据库的接口，其访问数据源的方式如图 2.3客户机客户机服务器服务器客户机向服务器提交任务请求服务器将执行结果返回给客户计算机学会网站的改版设计与实现9图 2.3 ado 访问数据源方式2.6.2 ado 特点特点(1) 易使用：ado 是高层数据库访问技术，所以相对于 odbc 来说具有面向对象的特点。同时，在 ado 对象结构中，对象于对象之间的层次结构不是非常明显，这也给编写数据库程序带来许多便利。(2) 可以访问多种数据源：和 ole db 一样，它可以访问关系型和非关系型数据库，具

30、有很强的通用性和灵活性。(3) 访问数据库效率高：由于它本身是基于 ole db 的，所以继承了ole db 的特点。(4) 方便的eb 应用：ado 可以以 activex 控件的形式出现，方便了web 应用程序的贬值。(5) 技术编程接口丰富：ado 支持vc、vb、vj、javascript、vbscript 等脚本语言。(6) 程序占用内存少：由于 ado 是基于组件模型对象（com）的访问技术，所以，ado 生成的应用程序占用内存少。asp 网页adosql server 数据库提供程序ole de 数据库提供程序sql server 或更高版本accessdb2oraclesql

31、server6.5 或更高版本其他数据库计算机学会网站的改版设计与实现103 3 系统分析和设计系统分析和设计3.13.1 系统需求分析系统需求分析3.1.1 系统功能概述系统功能概述 该系统实现计算机爱好者进行互动、交流，系统提供一个交流平台，注册后的会员可以根据各模块发布的主题，发表个人看法或提出疑问，会员登陆后可以浏览本学会会员风采，并可以对自己的资料进行修改更新；管理员拥有对基本数据资料管理的权限。3.1.2 具体的需求分析具体的需求分析下面主要介绍各个模块的具体功能及设计要求：该计算机学会网站系统主要是为一些计算机爱好者提供交流平台，它主要有两类用户会员（个人及单位） 、管理员。在客

32、户端使用时，对于不同的用户，有不同的权限和操作功能。该网站系统的主要模块：（一）会员模块：1. 设置密码：会员可以设置并修改自己的密码。2. 设置资料：会员可以设置修改自己的资料。3. 发表评论与留言：会员可以对网站的内容发表评论及进行留言。（二）管理员模块： 1. 基本设置：对网站的基本资料进行设置管理。2. 基础数据：设置基础数据：会员信息，新闻信息等。3. 数据维护：为了数据库的高效运行，可以对数据进行整理，清除掉 垃圾数据；添加新数据信息并及时更新数据。4. 用户设置：管理员对申请会员（个人会员和单位会员）用户进行审核，并对用户资料进行管理。同时，管理员可以增加，删除，修改管理用户。计

33、算机学会网站的改版设计与实现113.23.2 系统结构设计系统结构设计3.2.1 系统的技术结构系统的技术结构该学会网站系统基于 browser/server（浏览器/服务器）模式。服务器端有 web 服务器和 database server。其中 web 服务器可用 microsoft的 internet information server 5.0，而数据库则可选择 access 2000. 客户端可分为会员系统和管理系统两大功能模块，通过 http 协议使用浏览器访问，它们对数据库的访问和操作不是直接进行的，需通过 web server 来进行，保证了系统数据的完整、安全、可靠。本学会网

34、站系统的网络体系结构如图 3.1:图 3.1 网站系统结构构建一套高效、快速、稳定、安全的计算机学会网站系统，可以让更多的计算机爱好者不受时间及空间的限制，随时随地进行技术交流学习，对一个问题学习到不只一种的解决方法及思维，提高了解决问题的能力，增加了见识。3.2.2 系统总体结构设计系统总体结构设计 该计算机学会网站系统的主要实现是为一些计算机爱好者提供交流平台，它主要有两类用户会员、管理员。大概分为两个大模块，即管理员模块、会员（个人会员及单位会员）模块。模块与模块间，模块内部间的结构（如图 3.2）计算机学会网站的改版设计与实现12计算机学会网站系统设置密码设置资料数据维护发表评论、留言

35、用户设置基础数据基本设置会员模块管理员模块安全退出 图 3.2 模块结构3.2.3 系统流程图系统流程图 图 3.3 会员流程图会员登陆发表评论、留言安全退出设置密码设置资料会员信息表计算机学会网站的改版设计与实现13 图 3.4 管理员流程图3.33.3 系统功能模块设计系统功能模块设计3.3.1 管理员模块管理员模块(1)(1) 管理员模块的功能描述：管理员模块的功能描述：本模块实现的主要功能是对网站的基本资料及基础数据进行设置管理；对申请入会的会员进行审核，既有最高权限对用户资料进行管理，增加、删除、修改用户权限；对数据进行维护。（2 2）管理员模块的框架）管理员模块的框架 根据管理员享

36、有的功能，建立与这些功能相对应的文件，构建框架如下图 3.5 所示：管理员 登陆基本设置基础数据设置数据维护用户设置个人会员信息表个人会员设置单位会员设置单位会员信息表计算机学会网站的改版设计与实现14图 3.5 管理员框架图3.3.2.会员模块会员模块(1)(1) 会员模块的功能描述：会员模块的功能描述：本模块对会员可以实现注册登录，登录后的会员有权设置修改自己的密码跟资料，并可以发表评论及留言。(2)(2) 会员模块的框架如图会员模块的框架如图 3.63.6图 3.6 会员框架图index.asp功能：网站首页，会员登陆、注册页面user/register.asp功能：注册user/edi

37、tuserinfo.asp功能：设置修改密码及资料message/showmessage.asp功能：发表评论、留言dblogin.asp 登陆管理员平台index.asp管理员平台manage/sitemanage/sitesetup.asp管理员对基本资料的设置manage/usermanage/usermanage.asp管理员对用户资料的设置管理manage/databasemanage/backup.asp管理员对数据的维护dbmanage/menu.asp管理员对基础数据的设置计算机学会网站的改版设计与实现153.43.4 数据库设计数据库设计.1 主要的数据逻辑设

38、计主要的数据逻辑设计表 3.1 about 表（网站基础数据）列名数据类型字段大小是否允许为空序号自动编号长整型否标题文本50是内容备注是地址文本50是链接到文本50是发布时间日期/时间是表 3.2 boards 表（学会论坛）列名数据类型字段大小是否允许为空序 号数字长整型否论坛名文本50是最后访问者文本20是最后访问时间日期/时间是表 3.3 company_member 表（单位会员信息）列名数据类型字段大小是否允许为空序号自动编号长整型否单位名称文本100是单位网址文本100是表 3.4 config 表（会员注册问题）列名数据类型字段大小是否允许为空序号数字长整型否问题一文本100是

39、答案一文本100是问题二文本100是答案二文本100是计算机学会网站的改版设计与实现16表 3.5 ec 表（个人会员信息）列名数据类型字段大小是否允许为空序号自动编号长整型否学号文本20是姓名文本12是性别文本4是出生年月日期/时间是职务/职称文本50是籍贯文本30是联系电话文本45是工作单位文本50是通讯地址文本50是邮政编码文本6是邮箱文本30是毕业专业文本40是毕业时间日期/时间是工作简历、业绩备注是入会理由备注是checkcode是/否是表 3.6 link 表（友情连接）列名数据类型字段大小是否允许为空序号数字长整型是单位名称文本200是单位图片文本200是单位网址文本200是表

40、3.7 news 表（新闻）列名数据类型字段大小是否允许为空序号自动编号长整型否新闻标题文本100是计算机学会网站的改版设计与实现17标题颜色文本50是新闻内容备注是添加时间日期/时间是表 3.8 photo 表（照片管理）列名数据类型字段大小是否允许为空照片编号数字整型是存放照片路径文本50是照片主题文本50是上传主人文本50是上传时间日期/时间是留言次数数字长整型是点击次数数字长整型是照片大小数字单精度型是照片格式文本50是表 3.9 votel 表(关于网站设计投票)列名数据类型字段大小是否允许为空序号自动编号长整型否主题备注是栏目设置提问文本255是栏目设置问答数字长整型是版面设计提问

41、文本255是版面设计回答数字长整型是关于功能提问文本255是 功能回答数字长整型是关于内容提问文本255是内容回答数字长整型是计算机学会网站的改版设计与实现183.4.2 数据库代码设计数据库代码设计 本课题所有数据信息均存于 data/freedom.asp 库中，数据库代码设计如下： 计算机学会网站的改版设计与实现194 4 模块设计及实现模块设计及实现4.14.1 版面功能模块设计版面功能模块设计4.1.1 版面布局设计版面布局设计原网站系统界面设计较单调，现根据个人想法，做布局调整及基本美工设计。设计前后整体界面效果对照如图 4.1图 4.1 改版前后对照图计算机学会网站的改版设计与实

42、现204.1.2 会员登录模块会员登录模块会员登录后，显示原系统的控制面板，监控会员身份。改版前后对比图如下：图 4.2 会员登录前后对照图程序设计说明及实现： 首先判断会员是否登录，即判断用户名（username）是否为空，如果不为登录后计算机学会网站的改版设计与实现21空，则调用 showuserinfomation。会员登录后，在原会员登录模块位置被原系统的控制面板模块覆盖，以监控会员身份。主要代码设计实现如下：%if session(username) thencall showuserinfomation%4.1.3 菜单模块菜单模块菜单模块采用下拉菜单形式：对原来系统多层的菜单采用

43、下拉菜单形式，因实现方法相同，故只列举学会论坛模块分析，而不再累赘其他模块。效果如图 4.3图 4.3 下拉菜单图程序设计说明及实现： 对原来存于文件./inc 中的 txlfun1.asp 及 txlfun.asp 文件的对应位置作修改，把原源代码：a class=top href=bbs/index.asp学会论坛修改为以下实现代码： 计算机学会网站的改版设计与实现22 学术专题 电脑园地 学会沙龙 谈天说地 4.24.2 管理员模块管理员模块4.2.1 登录登录管理员登录页面如图 4.4 所示图 4.4 管理员登录程序设计说明及实现：首先从输入框获取用户输入的用户代码（admin） ，用

44、户密码（password）以及验证码的字符串，并判断是否与存放在 ./inc/txlconst.asp 文件中的账号、密码一致，验证码符合要求，如果满足条件，转管理员平台页面 index.asp；若不满足则返回管理员登录页面。代码实现如下：计算机学会网站的改版设计与实现23管理员平台页面如图 4.5 所示，在学会网站信息管理模块内，添加关于我们及单位会员两项。图 4.5 管理员平台页面计算机学会网站的改版设计与实现24程序设计说明及实现：添加此两项，分别与 infomanage/about.asp 和 infomanage/danweihuiyuan.asp链接。关于我们单位会员4.2.24.

45、2.2 基础数据管理基础数据管理（数据信息入库并加入后台）（1 1）关于我们的模块后台页面如图）关于我们的模块后台页面如图 4.64.6 所示所示图 4.6 关于我们模块的后台信息主要程序设计说明及实现：对基本框架的设计实现: id计算机学会网站的改版设计与实现25 标题 时间 操作 % if rs.eof then response.write(还没有添加主题!) else while not rs.eof% a href=?id=&action=show查看 | a href=?id=&action=edit编辑 | a href=?id=&action=del o

46、nclick=javascript:return confirm(你确实要删除这个记录吗?)删除 新增主题 计算机学会网站的改版设计与实现26查询数据库: font color=（2 2）单位会员模块后台页面如图）单位会员模块后台页面如图 4.74.7 所示所示图 4.7 单位会员后台信息主要程序设计说明及实现： 基本框架设计实现类似关于我们模块,故在此不再重复,只简单介绍数据库的查询实现，主要实现代码如下： .3 会员信息管理会员信息管理会员信息（已通过审核的会员）页面如图 4.8 所示图 4.8 会员信息程序设计说明：基于原来系统的实现，在会员信息表中增加新的字段，并要求注

47、册的用户须经过管理员审核后方可通过。对这一要求，在系统代码实现中通过添加一变量值来控制，当值为“1”时，表审核通过，为“0”则不通过。同时，用来对申请入会的用户进行审核，对应数据库个人会员信息表中添加的“checkcode”字段，该字段值为“1”时，表审核通过，为“0”则不通过。4.34.3 会员注册模块会员注册模块 会员模块主要改版其注册页面，对其添加某些字段，使注册的用户信息更全面。注册页面如图 4.9 所示计算机学会网站的改版设计与实现28图 4.9 会员注册页面计算机学会网站的改版设计与实现29主要程序设计实现：rem 得到 msg 主体信息function getmsgwelcome

48、content()dim temptemp=msgwelcometemp=replace(temp,username,trim(request.form(txl_username)temp=replace(temp,txlname,const_txlname)getmsgwelcomecontent=tempend functionsub saveregisterdatadim username,password,email,truename,question,answerdim oicq,homephone,homeaddr,homezip,newphone,newaddrdim newzi

49、p,sex,userpic,faceurl,facewidth,faceheightdim byear,bmonth,bday,ubbsign，jg，bysj，zwzc，txdzdim job，liyouusername=trim(request.form(txl_username) password=md5(trim(request.form(txl_password1)email=trim(request.form(txl_email)truename=trim(request.form(txl_truename)question=htmlencode(trim(request.form(

50、txl_question)answer=htmlencode(trim(request.form(txl_answer)oicq=trim(request.form(txl_oicq)homephone=trim(request.form(txl_homephone)homeaddr=trim(request.form(txl_homeaddr)homezip=trim(request.form(txl_homezip)newphone=trim(request.form(txl_newphone)newaddr=trim(request.form(txl_newaddr)newzip=tri

51、m(request.form(txl_newzip)sex=trim(request.form(txl_sex)userpic=trim(request.form(txl_userpic)计算机学会网站的改版设计与实现30faceurl=trim(request.form(txl_faceurl)facewidth=trim(request.form(form_facewidth)faceheight=trim(request.form(form_faceheight)byear=trim(request.form(txl_byear)bmonth=trim(request.form(txl_

52、bmonth)bday=trim(request.form(txl_bday)jg=trim(request.form(txl_jg)bysj=trim(request.form(txl_bysj)zwzc=trim(request.form(txl_zwzc)txdz=trim(request.form(txl_txdz)ubbsign=htmlencode(trim(request.form(txl_job)ubbsign=htmlencode(trim(request.form(txl_liyou)ubbsign=htmlencode(trim(request.form(txl_unde

53、rwrite) dim rsset rs=server.createobject(adodb.recordset)rs.open select * from ec where 1=2,conn,1,3rs.addnew()rs(studentid)=usernamers(password)=passwordrs(sname)=truenamers(sex)=sexrs(oicq)=oicqrs(email)=emailrs(homephone)=homephoners(homeaddr)=homeaddrrs(jg)=jgrs(bysj)=bysjrs(zwzc)=zwzcrs(txdz)=t

54、xdzrs(regtime)=now()rs(homezip)=homeziprs(newphone)=newphone计算机学会网站的改版设计与实现31rs(newaddr)=newaddrrs(newzip)=newziprs(pwdquest)=questionrs(pwdanswer)=answerrs(logintimes)=0rs(pic)=faceurlrs(forumtimes)=0rs(lastedtime)=now()rs(birthday)=byear&-&bmonth&-&bdayrs(picwidth)=clng(facewidth)r

55、s(picheight)=clng(faceheight)rs(sign)=ubbsignrs(usertype)=session(usertype)rs(picurl)=faceurlrs(new_reg_mail_inform)=request.form(new_reg_mail_inform)rs.updaters.close计算机学会网站的改版设计与实现325 5 系统的使用、测试及维护系统的使用、测试及维护 5.15.1 建立运行环境建立运行环境系统需要安装 iis 服务器(internet 信息服务器)服务器。iis 服务器是 windows 操作系统中的一个组件,在 window

56、s xp 系统安装默认情况下不安装 iis 服务器,需要自己安装,而在 windows2000 是服务器版本的操作系统,系统默认下安装了 iis.以 windows xp 环境为例安装 iis5.1 的方法, 第一、先下载 iis5.1；第二、下载好后，记住你下载的物理路径，最好是直接下载到你的根目录下,比方说直接下载到 f 盘。不要下载到文件夹里；第三、iis5.1 是个压缩文件，我们就把它解压到当前文件夹。这时我们会看 iis51 这个文件夹，这就是我们要安装到电脑里的 iis5.1, 第四、打开开始控制面板添加/删除程序添加删除 windows 组件在 internet 信息服务上画对勾

57、就是将它勾选上,然后根据安装导航安装。 另外还有一种方法，在你安装系统的时候，当然我说的是 xp 系统，安装完成后，不要取出光盘，打开开始控制面板添加/删除程序添加删除 windows 组件在internet 信息服务上画对勾就是将它勾选上 ，直接安装，很容易就把iis 安上了。不过前提是你的光盘一直不要取出。iis 配置成功后，本系统调试还需要一个编程工具dreamveawer mx 2004。下载其安装包，解压安装即可。5.25.2 系统的测试与分析系统的测试与分析为了保证本系统投入使用后能够正确运行，在程序编写完毕之后，分三步进行了系统调试。(1) 程序调试： 主要是进行程序的语法调试和程序的逻辑检查。在这阶段调试中，我们不仅使用了正常数据，还使用了一些错