范文互动网页的动态效果的设计.docx

范文互动网页的动态效果的设计.docx

《范文互动网页的动态效果的设计.docx》由会员分享，可在线阅读，更多相关《范文互动网页的动态效果的设计.docx（81页珍藏版）》请在冰点文库上搜索。

范文互动网页的动态效果的设计

长沙广播电视大学

毕业设计

互动网页的动态效果设计

指导老师：

方程

学生：

周云

学号：

071010070

摘要

20世纪末，随着计算机科学的发展，数据库技术在Internet中的应用越来越广泛，为广大网络用户提供了更加周到和人性化的服务。

互动逐渐成为当今Web应用的潮流。

本文研究了一种用户互动页面动态效果生成方案，此方案与现今网上已采用的一些方案相比，具有用户使用更简单、反映用户兴趣爱好更明显细致等优点。

本文中所做的主要工作如下：

（1）介绍了互动页面的背景及WinNT+IIS+ASP系统的一般原理；

（2）阐述整个互动页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性、难点和重点；

（3）设计实现用户注册/登录、新闻公告管理系统、文学交流互动块；实现ASP和HTML页面35个；

（4）分析并解决实现中的若干技术问题；

（5）建立完整的实验网站，进行测试并分析结果。

关键词:

互动页面动态ASP新闻管理文学交流

Abstract

Attheendof20thcentury,Withthedevelopmentofcomputerscience,DatabasetechnologyiswidelyusedinInternetapplications.Thismakesnetworkuserscanenjoymoreconvenientandindividualservices.Personalizationisthetrendoftoday’sWebapplications.Inthiswork,westudythetechniquetoorganizetheexchangepagebasedonassociationrulemining.ComparedtosomecurrentlyexistentmethodontheInternet,ourmethodhasseveraladvantagessuchasgivingmoreconveniencetousersandreflectingusers’interestingmoreclearlyandprecisely.

Themainworkofthispaperare:

（1）IntroducesthebackgroundofthepersonalWebpageandthegeneralprincipleoftheplatformWinNT+IIS+ASP

（2）InvestigatesthesystemstructureandworkingprincipleofthegeneratingsystemforexchangeWebpage.

（3）Designsandimplementsthemodulesofpersonalpagegeneratingsystem,suchasregistermodule,loginmodule,userdatacollectingmodule,pageorganizinganddisplayingmodule.

（4）Analysesandresolvesthetechnicalproblemsinimplementation,suchas…..

（5）EstablishesatestWebsiteandanalysestheresultaftertestingonit.

KeyWords:

exchangepage,dynamic,ASP,newsmanage,literaturecommunion

参考文献………………………………………………………………………………………………46

附录源代码…………………………………………………………………………………………47

第一章概述

近年来，Internet技术得到迅速的发展，已经成为计算机产业的技术热点。

促进Internet高速发展的因素就是WEB技术由最初的静态HTML，发展到动态网页技术的DHTML，CGL（COMMANDGATEWAYINTERFACE）真正完全动态，脚本语言与ASP（ACTIVESEVERPAGES）后来居上并且大有取代CGI的趋势。

WEB已经不再局限于仅仅提供大量的信息服务（虽然这是最初的意图），WEB技术的的发展，使得那些具有交互动态页面，有条理的数据库的查询，丰富信息内容的页面成为吸引人的网页。

浏览WEB有着执行WINDOWS程序一样的感觉和操作性。

随着INTERNET技术的发展，它已经成为一种操作平台，为用户提供强大的服务，例如网上购物，网上电子商务，社会信息数据库等。

作为计算机发展最迅速的领域之一的数据库技术，已经形成了一整套多有的理论，并广泛的应用于人们的生产和生活中。

数据库技术的一个热点。

有了数据库的支持，可以扩展网页的功能，可以方便的设计出交互式网页，可以构造功能强大的后台管理系统，可以为网站的更新维护提供极大的方便。

在互联网技术的发展的初期，网站开发者利用超文本文档标记语言（HTML），在网页中插入图片文字等元素，形成最初的网页。

这种开发方式虽然易学易用，可操作性强，但随着WEB的飞速发展，他的局限性也逐渐暴露出来：

1互联网的应用越来越广泛单纯的提供信息只是其中的一部分。

未来的web将是一整套虚拟的信息平台，其中包括在线购物、远程教学、实时点播、语音聊天等功能。

功能的扩展意味着数据量的增加，如果仍然用静态页面生成模式，则会产生过多的超文本文档，不仅降低了数据在网络上的传输速度，也会给网站的维护造成不便。

2但前的网页正在向两个方向发展，一个是多媒体，一个是交互式。

交互式的实现意味着用户将有权决定要看那些内容。

简之而言，网站必须提供给用户一个界面，让用户对内容进行分类筛选，最后得到用户真正想要的内容。

而这一点，传统的静态网页模式很难实现。

3从网站的安全性角度考虑出发，网站的内部必然有一些数据要进行加密，只给指定的用户察看，没有权限的用户见无法访问。

用网页中的cookies技术可以实现这一功能，但过程较为繁琐，而且由于脚本在客户端运行，安全性也较差。

4在传统的静态网页中，数据是分散在一个个独立的，只有地址连接而没有数据上的逻辑联系的HTML文档之中，要修改网页就要逐个修改HTML页面，工作量大的同时也容易造成数据混乱，不符合信息集中处理，分布显示的要求。

为此，我们迫切需要一种新的网站设计思想来解决上述问题，跟上信息化时代的要求，近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，互动Web站点向用户提供的动态效果将越来越丰富，数据库与网页的结合，正好使上述问题迎刃而解。

要实现这样的功能，离不开后台数据库的支持。

用户验证信息，收集到的用户点击信息，主题层次信息，大量的数据都由数据库管理系统管理。

本文中数据库服务器端采用了MicrosoftAccess数据库作为ODBC（OpenDataBaseConnectivity）数据源，并以先进的ADO（ActiveXDataObjects）技术进行数据库存取等操作，使Web与数据库紧密联系起来。

整个互动网页主要由使用利用IIS+ASP技术实现动态生成用户互动Web页面。

二者通过数据库服务器和Web服务器连接。

整个系统结构如图1.1所示

图1.1系统结构

本设计主要完成Web服务器端的用户注册/登录系统、新闻公告管理系统、文学交流系统动态生成、页面回显等功能模块的设计、实现与完善以及整个“我们的网站“的组织建立和测试工作。

整个服务器端Web页面数为60页，其中包括个ASP功能页面35页。

第二章需求分析

一、可行性需求分析

传统的软件工程方法学使用结构化分析技术，完成分析用户需求工作。

需求分析要了解用户的情况，接下来通过与用户交流，对用户的基本要求反复细化，以得出对目标系统的完整、准确和具体的需求。

需求分析是为了发现用户的真正需求，首先应从宏观角度调查、分析用户所面临的问题，也就是说，需求分析的第一步是尽可能准确地了解用户当前的情况和需要解决的问题。

在本设计中，所做网站就是为学校与学生、学生与学生之间增加一个沟通的桥梁，学生通过此网站可以了解最新的校园动态，丰富学生的课余生活。

二、网站环境需求

1、开发环境：

为了保证系统运行的效率和可靠性，系统服务器端应具有较高硬件配置，客户端的要求不是很高。

此应用程序可广泛运行于国际互连网即INTERNET,也可适应于局域网。

其运行的要求如下：

软件环境：

WindowsXPTCP/IP协议

Microsoftaccess2000flashplayer6.0，IE6.0平台

硬件环境：

CPU：

SII1G以上，内存：

256M以上20G（7200）硬盘

网络环境：

Internet接入

2、运行环境：

服务器端：

软件环境：

WindowsXPiis5.1

MicrosoftAccess2000

硬件环境：

CPU：

SII1G以上，内存：

128M以上

网络环境：

Internet接入

客户端：

最低配置：

PIII550内存：

64M以上IE：

5.0版本以上

3、开发工具

MicrosoftAccess

MacromediaFlashMX

MacromediaDreamweaverMX

MicrosoftVisualInterDev6.0

AdobePhotoshop7.0

三、网站的技术需求

我们已经提到，用户互动页面是在用户登录后浏览网页的过程中由服务器即时生成再返回给用户浏览器的，它事先并不存在于服务器。

显然单纯的HTML无法提供这种页面，必须使用具有运算功能的Web技术来实现。

在比较了现今几种动态页面开发技术后，我们选择了比较成熟和先进的WinNT+IIS+ASP技术。

它提供了强大的WebComputing功能和数据库操作功能。

在设计实现过程当中，还遇到一些特殊的技术困难，如何处理它们直接影响到生成页面的质量和服务器端的效率。

现将主要的技术困难及其解决思路介绍如下：

（1）采集用户信息。

用户访问的信息，即用户在站上的点击行为和输入，是我们生成用户动态页面的根据。

如何在不影响用户浏览的情况下记录下用户的每一点击呢，这里，我们使生成页面上的每一链点都链接到一个名为Record.asp的功能页面，并将该链点名称（亦即主题名）作为参数传递，Record.asp只进行记录而不返回给用户浏览器任何内容，随即指向生成页面的程序，并同时传递。

第4部分将对此过程进行详细的叙述。

（2）链接数据库

各功能模块中需要频繁的进行数据库操作，每遇到要使用数据库便建立一次链接，我们这里有效利用了ASP的文件，使服务器事先建立数据库链接对象，所有的数据操作都使用该链接，从而提高了服务器效率。

具体做法请参阅2.3部分内容。

（3）可变的SQL语句

一个访问数据库的程序段，对于不同的用户以及一个用户的不同行为，要其执行的SQL语句是不同的，其不同主要表现在查询、插入或更新时的参数不同，于是我们将SQL语句定义为含变量的字符串，通过赋予变量不同的值便产生出适合的SQL语句串，再通过数据对象的相应方法来执行它，完成所需的数据操作。

第三章ASP技术综述

一、ASP的产生

近年来随着Internet技术的飞速发展及用户需求的不断升级，Web页面技术也不断的推陈出新，使得Web站点的功能越来越强大，能够提供的服务种类越来越繁多。

从HTML、ClientScript到CGI,从JAVA的诞生到ActiveX,Web页面设计人员不断受到冲击，微软公司在总结了以往技术，重新思考Web页面设计的真正需要后，推出了ActiveServerPages（ASP），一种用以取代CGI（CommonGatewayInterface），通用网关接口）的技术。

目前，Internet上的许多基于Windows平台的Web站点已开始应用ASP来替换CGI。

简单地讲，ASP是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式动态网页，包括使用HTML表单收集和处理信息，上传与下载等等。

通常情况下，用户通过浏览器看到的网页大多是静态的，目前Internet上的许多站点，仍然提供"静态"（static）的主页内容。

所谓"静态"，指的就是站点的主页内容是"固定不变"的。

当浏览器通过Internet的HTTP（HypertextTransportProtocol）协议，向站点服务器（WebServer）要求提供主页的内容时，站点服务器收到要求后，就传送原已设计好的静态的HTML的文件数据给浏览器。

一个"静态"的站点，若要更新主页的内容，必须手动的来更新其HTML的文件数据。

而随着Web应用的发展，用户希望能够看到根据要求而动态生成的主页，例如响应用户查询数据库的要求、生成报表等。

当在浏览器上填好表单（form）的输入数据，以提供HTTP要求时，可以在站点服务器中执行的应用程序，而不只是一个HTML文件。

站点服务器收到要求执行的应用程序，分析表单（form）的输入数据，将执行的结果以HTML的格式传送给浏览器。

根据用户请求生成动态主页的传统方法有CGI、ISAPI等。

CGI是根据浏览器端的http请求激活响应进程，每一个请求对应一个进程。

当同时有很多请求时，程序挤占系统资源，造成效率低下；ISAPI针对这一缺点进行改进，利用dll（动态链接库）技术，以线程代替进程，提高了性能和速度，但要考虑线程的同步问题，而且开发步骤烦琐。

这两种技术和另一普遍使用的开发动态网页的技术Java都还存在着另外一个问题，那就是开发困难，程序的开发和HTML写作是两个完全不同的过程，需要专门的程序员开发。

而较简单的开发技术如javascript和IDC（InternetDatabaseConnector）等功能有限，不敷使用。

ASP使用的ActiveX技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的CGI等程序所远远不及的地方。

ASP与常见的在Client端实现动态主页的技术如Javaapplet、ActiveXControl、VBScript、javascript等不同，ASP中的命令和Script语句都是由服务器来解释执行的，执行结果产生动态生成的Web页面并送到浏览器；而Client端技术的Script命令则是由浏览器来解释执行。

由于ASP是在服务器端解释执行，开发者可以不必考虑浏览器是否支持ASP；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃取编程逻辑。

ASP通过后缀名为.asp的ASP文件来实现，一个.asp文件相当于一个可执行文件，因此必须放在Web服务器上有可执行权限的目录下。

当用户从浏览器输入了.asp文件的地址后，浏览器就将这个URL请求发给WebServer，如果WebServer上装了ASP，就调用ASP。

ASP读出相应.asp文件，解释并执行命令，动态生成一个HTML页面回传WebServer，然后WebServer再把结果发送给浏览器。

ASP文件的制作和HTML类似，且和HTML开发集成，可以在同一个过程完成，利用ASP将可以执行的脚本嵌入到HTML文件中（将HTML文件的后缀名改为.asp），这使得HTML文件的编写与脚本的开发融合在一起。

通过ASP内置的对象、服务器组件（ServerComponent）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。

ASP比较网关及服务器扩展模式有着以下优点：

（1）完全与HTML文件融合在一起；

（2）容易创建，不需要其它编译、链接程序；

（3）面向对象的并通过ActiveXServer对象可扩展

使用ASP还有个好处，就在于ASP可利用ADO（ActiveDataObject,微软的一种新的数据访问模型）方便快捷地访问数据库,从而使得开发基于WWW的应用系统成为可能，这也是本文选择ASP作为开发工具最重要的原因之一。

二、ASP与IIS

（一）IIS简介

Web服务器是Web应用程序的心脏。

IIS（InternetInformationServer）是微软推出的WindowsNTOptionPack的主要成员，作为WindowsNT的扩展，自推出以来已经有了很大发展，其体系结构是当今市场上最受关注的Web服务器之一。

新推出的IIS5.0版本增强了系统安全性，具有服务器端脚本开发调试，内容管理和站点分析，崩溃防护，内置JAVA虚拟机及全面支持ASP等强大功能。

IIS是扮演所有用户端服务要求的接口，和一般结构不同的是对ASP文件的处理方式，当IIS收到ASP文件的服务要求时，它会调用必须的ISAPI或DLL程序，对ASP程序进行解释执行，经过处理后，IIS再将结果转为HTML格式传回给使用者的Web浏览器。

为了能正确的为用户端提供服务，必须要具备以下的元件：

1、经过正确设置的IIS及其附属相关的目录；

2、WindowsNT的账户；

3、DLL元件；

4、WindowsNT的安全设置；

除此之外，根据Web服务器所需要提供功能的不同，可能还需要数据库系统或者电子邮件系统。

（二）IIS与ASP的结合

在过去，客户机/服务器结构的设计与Web的相关技术几乎处于平行线上，两者相互独立并无法作出集成性的设计。

现在我们利用IIS+ASP构成三层式Web结构（如图3.1所示）的中间一层，将客户机/服务器结构与Web密切结合，完成前后端两者的集成输出功能，使得Web站点的开发更方便，实现的功能更强大。

利用IIS+ASP技术来集成Web前后端所带来的强大效益可归结为以下几个方面：

（1）减少构建和维护成本

（2）加快联机过程

（3）应用软件集中在服务器端开发管理

（4）前端可使用任何浏览器（IE、Netscape…..）

（5）后端可存取任何数据库（SQL、Access…..）

（6）可使用任何脚本语言开发（VBScript、JavaScript、PERL…..）

后端数据库

ActiveXServer元件

程序和计算逻辑

ActiveXServer元件

前端浏览器

图3.1三层式Web结构示意图

三、ASP的内部特点

（一）ASP内部6大对象

ASP提供了6个功能强大的内部对象，每个对象具有各自的属性（Property）、方法（Method），有的还拥有数据集合（Collection）与事件（Event），它们共同完成Web中的一些重要工作。

这6个对象及其功能描述如表3.1所示。

对象名称

功能描述

Request

从客户端取得信息

Response

将信息送给客户端

Server

提供一些Web服务器工具

Session

储存在一个Session内的用户信息，该信息仅可被该用户访问

Application

在一个ASP-Application中让不同的客户端共享信息

ObjectContext

配合MicrosoftTransaction服务器进行分布式事务处理

表3.1ASP内部6大对象及其功能

合理地运用这些对象可以使原本复杂，烦琐的工作变得简捷而条理清晰。

我们可以用以下的语法直接使用这些对象对象.属性方法数据集合

（二）Global文件

每一个以ActiveServerPages为基础的应用程序都拥有一个Global.asa文件（ASA后缀名其实是ActiveServerApplication的缩写），它位于每一个应用程序的基点目录之下。

当ActiveServerPages做下面两个动作时，Server便会去读Global.asa文件：

（1）WebServer启动之后，一个应用程序目录中任一个ASP文件被提出第一个HTTP请求（Request）

时。

（2）不具有任何Session的客户端向Server请求一个ASP文件时。

前面已经提到Application和Session这两个ASP的内部对象。

Application对象内的信息供所有正在执行该应用程序的用户分享，它创建于WebServer启动后一个应用程序中任一ASP文件被提出第一个HTTP请求时，结束于Server端停止运行。

而Session对象仅属于一位用户，维持一个用户端的信息，其他用户无法访问，它创建于一个不具有Session的用户向Server请求一个ASP文件时，结束于该Session到期（即用户端超过某时间段没有向Server提出要求或刷新Web页面）或Abandon语句的调用。

可见，Global.asa文件的调用与Application与Session这两个对象密切相关。

事实上我们通常在Global。

asa文件中写入以下内容：

（1）Application或Session的开始事件（Start-event）。

（2）Application或Session的结束事件（End-event）。

这样，在一个Application或Session对象被创建或结束时，系统会自动完成Global.asa文件中写入的相应事件。

值得注意的是，如果一个Application与一个Session同时开始，ActiveServerPages会先处理Application的开始事件，而如果一个Application与一个Session同时结束，ActiveServerPages则会先处理Session的结束事件。

四、ASP与CGI的比较

CGI（CommonGatewayInterface，通用网关接口）也是Internet上一种功能强大的Web页面技术，其工作方式有别于ASP。

我们现对二者进行比较。

ActiveServerPages开发Web应用程序的特点：

1．完全嵌入HTML，与HTML、Script语言完美结合。

2．无须手动编译和链接程序。

3．面向对象，并可扩展ActiveXServer组件功能。

4．使用脚本语言（JavaScript、VBScript或PERL）编写。

5．存取数据库轻松容易（使用ADO组件）。

6．可使用任何语言编写自己的ActiveXServer组件。

7．无浏览器兼容问题。

8．程序代码隐藏，客户端仅能看到ASP输出的HTML文件。

9．缩短Web开发时间。

相比之下，使用CGI开发Web应用程序具有以下缺点：

1．不易与HTML文件集成。

2．须使用其他较复杂的语言来开发CGI程序。

3．程序开发时间较长。

4．存取数据库不容易。

5．每个CGI程序被不同用户执行时都得重新执行一次，并占去Server的一个端口（Port），降低Server效率。

可见，ASP在数据库访问、与HTML的集成、提高服务器的效率