基于Ajax的实时污水监控系统设计与实现.doc

摘 要

在日趋城市化、工业化的地球，环境质量江河日下。污染已经成为我们不可逃避的问题，水质污染是其中最严重的环境污染之一。本课题研究的意义在于从软件方面提高污水处理泵工作的效率，针对传统的工作泵状态参数的公布方式的落后性而设计的基于Ajax技术的污水实时监控系统。
本研究课题是基于Ajax技术实现的监控系统。Ajax技术的应用解决了监控系统的技术难点。实现了页面数据的局部刷新，保证数据刷新的流畅。达到了B/S架构，C/S效果的目标。定时的刷新技术确保数据呈现的实时性。工作人员能及时根据页面数据了解监控的工作机器的工作状态。

关键词：Ajax，污水监控，实时刷新，局部刷新

ABSTRACT
On the earth which is increasingly urbanized and industrialized, the quality of environment become worse and worse. Pollution has become a problem we can not escape, water pollution is one of the most serious environmental pollution. The significance of the research improve the efficiency of sewage treatment pumps. The research is based on Ajax.
This article begins of introduceing Ajax technology,then analysis of Ajax technology depthly and detil with Real-Time monitoring system to water.
This research project is a monitoring system based on Ajax.Ajax technology solve the technical difficulty of monitoring system. The technology of partial page refresh the data ensure the flow of data refresh. It reaches a target of C/S,although it is a B/S architecture.Refresh timing technology ensure that data presented in real time.It helps the staffs understand how the machines works.

Keywords：Ajax, wastewater monitoring, real-time, refresh, partial refresh
目 录

摘 要 I
ABSTRACT II
第1章 引 言 1
1.1课题背景与意义 1
1.2系统的设计原则 2
1.3课题研究内容 2
第2章 Ajax以及相关开发技术 4
2.1 Ajax技术 4
2.1.1传统的Web应用程序的交互方式 4
2.1.2基于Ajax的Web应用程序新交互方式 4
2.1.3 Ajax的核心技术 5
2.1.4 Ajax技术的优缺点 6
2.2开发环境 6
2.2.1 IIS的介绍 6
2.2.2 IIS安装和配置 7
2.3 ASP技术 9
第3章 污水实时监控系统的设计 10
3.1污水实时监控系统需求分析 10
3.2总体架构模式 10
3.3污水实时监控系统的模块和功能设计 12
3.3.1泵站列表模块 12
3.3.2实时数据表模块 12
3.3.3实时数据公布图模块 12
3.3.4数据查询模块 12
3.4数据库设计 12
3.4.1新建数据库 13
3.4.2新建数据库数据表 13
第四章 系统实现 18
4.1系统模块介绍 18
4.2用户登陆模块 18
4.3用户注册模块 19
4.4泵站列表模块 19
4.5实时数据模块 20
4.6实时数据公布图模块 20
第5章 结束语 21
参考文献 22
致 谢 23
附录一 核心代码 24

26
第1章 引 言

1.1课题背景与意义
传统的Web应用允许用户填写表单(form)，当提交表单时就向Web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多[1]。
与此不同，Ajax应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的Web Service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了[1]。
使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。
一个相关的观点认为，使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现，大部分都使用URL片断标识符（通常被称为锚点，即URL中#后面的部分）来保持跟踪，允许用户回到指定的某个应用程序状态。（许多浏览器允许JavaScript动态更新锚点，这使得Ajax应用程序能够在更新显示内容的同时更新锚点。）这些解决方案也同时解决了许多关于不支持后退按钮的争论。
Ajax技术在以后的Web开发中会越来越受青睐。对Ajax技术的研究显得非常有意义。
本课题研究从研究的角度具体、深入地分析和应用Ajax技术，阐述Ajax技术相对传统Web开发的优势。
目前在全球范围内都不同程度地出现了环境污染问题，具有全球影响的方面有大气环境污染、海洋污染、城市环境问题等。日趋严重的环境问题，破坏了我们原本美丽、温馨的居住环境。作为一个人类的一员，我们有义务、有责任为我们的环保工作出一份力。在现代化的社会，物质条件的虽然有所提高。可这样的提高，是已破坏我们息息相关的地球为代价换来的。在高速发展的社会，我们每个人都在享受工业社会给我们带来的好处。可是，在享受同时，又有几个人在思考，我们该我这个污染的环境，出一份力呢。
这个课题应用于污水处理的监控中。水对每个人来说，都是离不开的，水对谁都是至关重要的。可是工业社会下的江河，大部分都已经被严重污染。面对严重的水污染，我们只能利用现代先进的技术，挽救我们犯下的错误。因此说，这个课题在实际的应用中，具有非常重要的环保意义。
1.2系统的设计原则
本课题研究采用Ajax技术实现，系统的设计要完全体现Ajax技术的应用和相对的优势。因此设计的时候要注意一下几点设计原则：
(1) 数据局部刷新原则[2]
研究设计的监控系统，完全建立在Ajax技术上。系统在设计中要遵循数据局部刷新原则。采用数据局部刷新，主要考虑到数据传输的量的问题，尽量减少不必要的数据流量，提高数据传输的速度。最终到达B/S架构，C/S访问效果。
(2) 数据实时动态刷新原则[2]
监控系统数据更新频繁，不可能采用手动数据刷新。那么只能考虑采用自动定时刷新数据。利用Ajax技术，就能很好的达到这样的效果。系统对现有的数据实时监控，当数据有变化时，就会激发数据监控器，把最新数据呈现在系统数据的访问界面上。
有别于手动刷新，采用实时刷新技术，对现有的数据实时监控，能避免人力资源的浪费，大幅度提到生产效益。同时确保数据更新的及时性，以最快的速度把变化的数据反映给用户。
(3) 保证数据的正确性原则
访问页面显示的数据是反映污水监控的重要参数，对工作人员非常重要，因此一定要确保数据的正确，避免不必要的误操作。
在监控系统中，我们对数据实时进行比较，如果有错误，及时给出提示。
1.3课题研究内容
(1) Ajax的历史。
(2) Ajax的优势。
(3) Ajax现阶段的应用情况。
(4) Ajax技术在污水实时监控中的应用：包括数据的实时更新、局部数据刷新技术、数据错误提示。
(5) 数据库数据表的建设。

第2章 Ajax以及相关开发技术
2.1 Ajax技术
2.1.1传统的Web应用程序的交互方式
在传统的Web应用程序中，客户端用户在表格中输入自己的数据，然后按提交按钮向服务器提交数据，服务器再将数据提交给表单处理脚本，脚本语言处理完客户端提交的数据后，再向客户端发送包含处理结果的HTML页面，客户端接收到此页面后在IE中进行显示。而在服务器进行数据处理和返回处理后的HTML页面之前，用户完全处于等待状态，屏幕一片空白，等待接收服务器传来的数据后重新绘制。这就是传统的Web应用程序所采用的同步交互处理过程[3]，也就是“处理一等待一处理一等待”的过程（如下图2-1 传统的Web交互方式）。

图2-1传统的Web交互方式
客户端操作和服务器处理是同步进行的，在服务器进行处理过程中，客户端将中断操作而处于等待状态，等服务器返回处理结果后客户端才能再进行操作。如果服务器处理的时间很短，页面传输数据很小，客户端页面更新比较及时的话，用户尚可接受。但如果页面传输数据很大，服务器处理时间很长或者用户只需要更新页面中的一小部分内容，而不得不刷新整个页面的时候，用户将需要很长时间等待“白屏”的消失。
2.1.2基于Ajax的Web应用程序新交互方式
基于Ajax技术的Web应用程序，采用的是异步交互方式，在用户和服务器之间引入中间媒介，即在用户的浏览器装载了用JavaScript语言编写的Ajax引擎，负责转发用户界面和服务器之间的交互[4]。基于Ajax的应用程序交互方式（如图2-2）所示。相比于传统的Web应用程序，客户端和服务器之间多了一个Ajax引擎。当用户登录页面后，服务器将向用户交付一个包含大量JavaScript代码(Ajax引擎)的客户端，用以独立处理一些客户端的请求。对于那些客户端无法处理的请求，比如说数据请求，客户端将以后台的方式向服务器发送请求，此时客户端操作不会中断。当服务器处理完毕后，Ajax引擎将在后台接收处理后的结果并且在客户端进行显示。这样可以使用户的操作更加流畅，彻底摆脱“白屏”困扰，提高了系统的执行效率。

图2-2新的Web交互方式Ajax
2.1.3 Ajax的核心技术
Ajax的核心技术是XMLHttpRequest、JavaScript、Dom和XML。
(1) XMLHttpRequest是XMLHttpRequest组件的对象。通过这个对象，AJAX可以像桌面应用程序一样只同服务器进行数据层面的交换而不用每次都刷新界面．也不用每次将数据处理的工作都交给服务器来做。这样．既减轻了服务器负担，又加快了响应速度、缩短了用户等待的时间[5]。
(2) JavaScript一直被定位为客户端的脚本语言。应用最多的地方是表单数据的校验。现在，可以通过avaSeript操作XMLHttpRequest来与数据库打交道[5]。
(3) DOM(Document Object Mode)是提供给HTML和XML使用的一组API提供了文件的表述结构，并可以利用它改变其中的内容和可见物。脚本语言通过DOM才可以跟页面进行交互。Web开发人员可操作及建立文件的属性、方法以及事件都以对象来展现。比如document就代表页面对象本身。
(4) 通过XML(Extensible Markup Languag)，可以规范的定义结构化数据，是网上传输的数据和文档符合统一的标准。用XML表述的数据和文档可以很容易的让所有程序共享。
2.1.4 Ajax技术的优缺点
根据Ajax工作流程可知，Ajax的最大优点就是能在不更新整个页面的前提下维护数据．这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。但是Ajax并不是完美的技术。它在带来诸多优点的同时，也有自身的缺陷[6]。
(1) 浏览器兼容性差。Ajax大量使用了Java script和Ajax引擎，而这个取决于浏览器的支持。IE5．0及以上、Mozilla1．0、NetScape7及以上版本才支持．Mozilla虽然也支持Ajax．但是提供XMLHttpRequest的方式不一样。所以，使用Ajax的程序必须测试针对各个浏览器的兼容性[3]。
(2) 前进、后退按钮失效。Ajax更新页面内容的时候并没有刷新整个页面，因此页面后退功能失效。
(3) 对搜索引擎的不友好。Ajax中进行的通信常常是一个数据片段，例如XML、HTML片段，这些信息不是完整的HTML信息，而且通过后台来异步获取。不能够被搜索引擎发现并缓存。这样的最终效果是用户无法通过搜索引擎定位到指定的站点[3]。
(4) 运行效率不高。Ajax将大量的运算都从服务器移植到客户端，意味着浏览器将承受更大的负担，不再是简单的文档显示。Ajax中的核心语言是JavaScript，作为一门解释性语言，其运行效率并不高。
(5) 开发难度加大。Ajax中不仅涉及到服务器端技术，还涉及到很多客户端技术，要开发完善的Ajax应用程序，必须精通这些技术，这无疑加大了应用程序的开发难度。
(6) 对流媒体的支持没有FLASH、JavaApplet好。
2.2开发环境
在设计污水实时监控系统时，选用的是IIS作为ASP开发技术的服务器。
2.2.1 IIS的介绍
IIS是Internet Information ServerI的简称。IIS作为当今流行的Web服务器之一，提供了强大的Internet和Intranet服务功能。IIS通过超文本传输协议（HTTP）传输信息，还可配置IIS以提供文件传输协议（FTP）和其他服务，如NNTP服务、SMTP服务等。
IIS是架设服务器的软件，包含在Windows 2003数据中心版、企业版、标准版、Web版。
2.2.2 IIS安装和配置
(1) 插入Windows xp安装光盘，打开控制面板，然后打开其中的“添加/删除程序” [7]。
(2) 在添加或删除程序窗口左边点击“添加/删除Windows组建”。
(3) 捎带片刻系统会启动Windows组建向导，在Internet信息服务（IIS）前面选勾，点击下一步

图2-3 IIS 安装图1
(4) 系统安装成功，系统会自动在系统盘新建网站目录，默认目录为：C:\Inetpub\wwwroot。
(5) 打开控制面板－性能和维护－管理工具－Internet 信息服务：

图2-4 IIS安装图2
(6) 在默认网站上点击右键－选择属性：

图2-5 IIS安装图3
(7) 点击主目录：在本地路输入框后点击浏览可以更改网站所在文件位置，默认目录为：C:\Inetpub\wwwroot。
(8) 点击默认网站，新建虚拟目录，选择项目的所在路径。完成IIS的安装和配置[7]。
2.3 ASP技术
ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的Web应用程序。与HTML相比，ASP网页具有以下特点：
(1) 利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术[8]；
(2) ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；
(3) 服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页[9]；
(4) ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从Web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向Web浏览器发送信息[8]；
(5) ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送Email或访问文件系统等；
(6) 由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取；
(7) 方便连接ACCESS与SQL数据库；
(8) 开发需要有丰富的经验,否则会留出漏洞,让黑客利用进行注入攻击.
ASP也不仅仅局限于与HTML结合制作Web网站，而且还可以与XHTML和WML语言结合制作WAP手机网站。但是其原理也是一样的。

第3章 污水实时监控系统的设计
3.1污水实时监控系统需求分析
传统的污水处理厂，工作人员观察各个污水处理泵运行情况时，必须要到车间近距离的检查。这种工作方式对长期工作在这种环境的工作人员是一个很大的考验，工作效率低下，对劳动力造成极大地浪费。
在高科技盛行的背景下，传统的污水处理监控的工作模式已经落后于社会的发展步伐。采用污水实时监控系统，能让工作人员远离恶劣的工作环境，提高工作效率。实时监控，实时更新数据，能及时地、清晰地反映污水处理泵的工作状态。
在监控系统中，每个污水处理泵会有几个工作节点，每个节点都会有个参数。当工作节点的工作状态发生变化时，相应的参数就会变化。这样的变化过程通过监控反映到显示界面。显示的数据能直观、具体的反映节点的工作状态，反馈给工作人员。
3.2总体架构模式
污水实时监控系统采用B/S架构模式，相对于C/S架构模式，有着其独到的优势。
C/S结构与B/S结构是现在比较流行的两种数据库应用模式。单独应用哪一种模式都将受到其自身弱点的限制。C/S结构主要是在以局域网为基础的环境下展开应用的，它受到地域的限制。而B/S机构通过Internet进行通信，可以不受地域的限制，但是它不能够作为信息收集源，特别是大量的数据录入工作还不能完全取代Client端的用户界面[10]。

图3-1 B/S架构图
使用B/S结构的优点有：
(1) 容易维护：B/S结构采用统一浏览器，所有维护都集中在服务端程序上。
(2) 容易扩展：B/S结构是一种松散的浏览器、服务器结构，系统的扩展就是增加服务端的应用软件和中间接口软件，一旦服务器端操作完成，客户端不须做任何维护就可以使用[10]。
(3) 简单易用：网络课程主要面向老师和学生，采用浏览器客户端，不需要有很多的计算机知识，便可以方便的使用[10]。
(4) 服务器提供主要的功能：当客户端浏览器发出信息向浏览器请求服务时，服务器jsp页面将客户端需要的信息从数据库中提取出来，再次送到客户端浏览器。这样服务器将提供主要的服务，而浏览器只负责客户端的输入和显示最后的结果。
(5) 安全性好：因为服务器提供主要的功能，故只要通过配备服务器防火墙及对应服务器采用安全保护，能保证网络系统的安全。
(6) 信息资源共享程度高：由于Internet的建立，Internet上的用户可方便地访问系统外的资源，Internet外的用户也可以访问Internet内资源[10]。
B/S结构开发还具有另外一个重要的优势，即面向对象编程的特性“封装性”。在客户端需要进行某项与数据库之间的访问和操作的地方，只要调用一个函数，至于这个函数如何编写，如何与数据库打交道，以致访问的是何种数据库与其无关（否则，很有可能出现在一种数据库系统上运行的很好，有时候换到另外一种数据库系统上必须加以修改）；在中间层DLL实现这个函数，如果用户对具体操作的要求发生变化，只需要个性这个函数就可以了，只要次函数的入口参数和返回参数内容不变，在客户端不需作任何改动。而这一点在开发大型应用时尤其有用；只要将界面层与逻辑层的函数接口固定好，并行的开发就可以了。
3.3污水实时监控系统的模块和功能设计
污水实时监控系统主要有三个模块组成：泵站列表模块、实时数据表模块、实时数据公布图模块以及其他用户登陆等模块。其中泵站列表模块中罗列所有参与泵站监控的泵站的名字；实时数据表模块以表格的形式现实泵站工作中的状态参数；实时数据公布图以图表的形式直观地公布泵站中重要节点的状态参数[9]。
3.3.1泵站列表模块
列表模块动态更新数据，罗列监控泵站的名字。用户可以通过点击其中的选项，选择查看其中某一个泵站的工作状态。
3.3.2实时数据表模块
实时数据表模块公布泵站工作状态中所有的信息参数。并且以表格的形式呈现数据。
3.3.3实时数据公布图模块
实时数据公布图模块以图标的形式，直观地显示泵站工作的参数。工作人员可以通过图标迅速地了解工作情况。
3.3.4数据查询模块
查询模块提供查询实时或者历史数据的功能。详细罗列一定期限内的数据信息。方便工作人员持续了解泵站上期的工作状态。
3.4数据库设计
数据库是污水监控系统设计中重要的环节，存储所有的信息。数据库的设计直接关系着污水监控系统的运行效率，系统后台的安全性等。严谨地制定后台数据库的设计方案，了解规范的设计方法和必要的规则，是非常必要的。这里选用Microsoft SQL Server 2005作为后台数据库。
3.4.1新建数据库
用Microsoft SQL Server 2005建立数据库。
(1) 首先启动企业管理器，右键数据库选择“新建数据库”。如图3-1所示：

图3-2 新建数据库
(2) 为新建的数据库取名PumpSystem，如图3-2所示：

图3-3 新建数据库命名
3.4.2新建数据库数据表
新建数据库数据表（如图3-4所示）

图3-4 新建数据库数据表
(1) 用户相关表有
表3-1 permission数据表
列名
数据类型
备注
Permission_ID
int
Id序列
Permission_Name
nvarchar(80)
权限名字

表3-2 permission_role数据表
列名
数据类型
备注
Permission_ID
int
Id序列
Role_ID
int
角色序列

表3-3 role数据表
列名
数据类型
备注
Role_name
nvarchar(20)
角色名字
Role_ID
int
角色序列

表3-4 users数据表
列名
数据类型
备注
Users_No
int
用户账号
User_ID
nvarchar(16)
用户序号
User_Name
nvarchar(20)
用户名字
PWD
nvarchar(20)
密码
Role_ID
int
角色序号
Users_Zhicheng
nvarchar(20)
用户资料
Users_Office
nvarchar(30)
用户办公点
User_Telephone
nvarchar(30)
用户手机
Users_Email
nvarchar(30)
用户邮箱
Users_Info
nvarchar(30)
用户备注
(2) 污水处理工作泵相关表有
表3-5 T_equipmentType数据表
列名
数据类型
备注
Memo
nvarchar(20)
类型备注
TypeID
int
类型序号
TypeName
char(20)
类型名字

表3-6 T_equipSignalTemplate数据表
列名
数据类型
备注
EquipType
char(10)
设备类型
SinalName
nvarchar(50)
工作点名字
signalTypeID
char(10)
工作点类型序号
ValueLow
char(10)
最小值
ValueHigh
char(10)
最大值
Memo
varchar(50)
备注

表3-7 T_operationtime数据表
列名
数据类型
备注
optype
nchar(10)
类型
opminute
int
时间

表3-8 T_pointInfo数据表
列名
数据类型
备注
SignalID
int
工作点序号
SignalName
char(50)
工作点名字
EquipID
int
设备序号
PumpStationID
int
工作站序号
SignalTypeID
char(10)
工作点类型序号
ValueLow
char(10)
最小值
ValueHigh
char(10)
最大值
Unit
nchar(10)
单元
Memo
varchar(50)
备注
(3) 污水处理工作泵工作状态参数表有
表3-9 T_pumpDataHistory_1数据表
列名
数据类型
备注
id
bigint
序号
createtime
datetime
创建时间
p0101
bit
状态参数
p0102
bit
状态参数
p0103
bit
状态参数
p0201
bit
状态参数
p0202
bit
状态参数
p0203
bit
状态参数

表3-10 T_pumpDataRealtime_1数据表
列名
数据类型
备注
id
bigint
序号
createtime
datetime
创建时间
p0101
bit
状态参数
p0102
bit
状态参数
p0103
bit
状态参数
p0201
bit
状态参数
p0202
bit
状态参数
p0203
bit
状态参数

第四章 系统实现
4.1系统模块介绍
污水实时监控系统主要有三个模块组成：登录模块、注册模块、泵站列表模块、实时数据表模块、实时数据公布图模块以及其他模块[11]。

图4-1 系统界面
4.2用户登陆模块
注册的用户填写登陆信息，登陆自己账户。在角色信息栏中选择登陆的用户组。系统通过判断登陆用户的信息，赋予不同的用户权限。例如管理员用户拥有最高的权限，可以管理、修改其他用户资料。而一般的用户只有查阅的权限。
图4-2 用户登陆图
4.3用户注册模块
用户使用污水监控系统前必须要注册一个账户，通过管理员用户审核后才能行使权限。综合考虑，设置用户填写的信息有用户名、密码和角色[12]。
图4-3用户注册图

4.4泵站列表模块
泵站模块动态罗列所有参与监控的泵站的名字，而且实现动态变化。只要用户添加一个监控泵站，数据库中增加一个泵站名，此模块就会自动显示添加的泵站。
用户想要查看参与监控的泵站的运行状态，检测是否正常工作，可以通过选择此模块罗列的泵站，在右边的工作状态图（参考图4-1 系统界面）中就可以看到对应的泵站的所有信息。

图4-4泵站列表

4.5实时数据模块
实时数据模块公布被选择的泵站的具体信息数据。通过这个模块，用户可以查看具体、详细的数据参数。相对于右边的工作状态图（参考图4-1 系统界面）中的信息，实时数据模块公布的数据虽然不是很直观，但是对应的数据更加详细，更能完整地反应工作泵站的运行情况。是右边的工作状态图（参考图4-1 系统界面）的一个补充。一些不能很好地在工作状态图中反映的数据，都可以在这边查看。而且这部分的数据也是通过监控系统，实时更新。

图4-5实时数据表

4.6实时数据公布图模块
实时数据公布图显示泵站工作中最重要，且能用数字、符号、小图像直观地表示的数据。如泵站中的一个开关状态，就可以用小图像“正”和“负”表示，其中“正”表示开，“负”表示关。
此模块的数据相对于一般的表格等数据显示模式，更加直观、更容易理解地反映数据。工作人员参考实时数据公布图中的数据，就能以最快的速度判别泵站的工作情况。
实时数据公布图是整体系统中最重要的一块，是Ajax技术在整个系统中体现最多的模块。Ajax技术的应用，系统实现了实时刷新和局部刷新。里面的数据参数通过实时监控，对变化的数据参数做实时动态调整，以最快、最准确的方式反馈工作状态信息。而局部刷新技术做到了页面刷新流量最少化，确保刷新的速度，达到C/S架构模式的访问效果。

图4-6 实时数据表
第5章 结束语
水质污染已经成为工业化社会不可逃避的问题。怎样去拯救这个到处已经被污染、破坏的地球已经是我们每个地球人不可逃避的责任。在享受社会化过程中，工业发展带来的种种好处的同时，我们应该饮水思源，回报社会。
本课题研究站在环保的角度来看，具有极高的推广价值。它利用先进的Ajax技术，在传统的Web开发的模式下，实现实时刷新等技术，大大提高工作效率。
基于Ajax技术的Web应用程序，采用的是异步交互方式，在用户和服务器之间引入中间媒介，即在用户的浏览器装载了用JavaScript语言编写的Ajax引擎，负责转发用户界面和服务器之间的交互。这样可以使用户的操作更加流畅，彻底摆脱“白屏”困扰，提高了系统的执行效率。在Web应用的开发中使用Ajax，不仅减少了页面重载次数，而且可以将原来一些服务器端的工作利用客户端闲置的能力来处理，从而减轻服务器端的负担。对用户而言，“无刷新”的更新页面，减少了用户的等待时间，操作Web应用更加快捷。因而，随着Web应用的发展，Ajax技术将会得到更加广泛的应用。
Ajax技术在目前的Web开发中，已经相当的流行。不仅如此，在以后的Web开发中，会越来越受用户青睐。因此，研究Ajax技术有相当的意义。

参考文献
[1] 维基百科.与传统的Web应用比较[DB/OL]. http://zh.wikipedia.org/zh-cn/Ajax.
[2] 王净，战凯.AJAX技术和Web应用[J].湖北：舰船电子工程,2009年 11期.
[3] 胡玲霞，李宾.基于AJAX技术及三层架构的Web应用[J].广东：现代计算机,2009年 8期.
[4] 杜海舟，翁惠玉, 陈磊.Ajax回调耗时性能分析与研究[J].上海：微型电脑应用,2009年 11期.
[5] 杨方燕，杨凯.基于Ajax构建新型Web应用[J].四川：兵工自动化,2010年 3期.
[6] 李海波.Ajax在网络课件中的应用[J].陕西：现代电子技术,2009年 32卷 24期.
[7] 孙艳峰，郭晓燕.浅谈Windows下的IIS安装与开发环境的配置[J].山东：山东省技术开发服务中心,2009年 02X期.
[8] 李恒，王洪肖.基于ASP技术的Web GIS[J].吉林大学,2009年 4期.
[9] 韩艳.ASP技术在网站制作中的应用[J].成都职业技术学院，2009年34期.
[10] 顾玮.基于B/S模式的网络选课系统的设计与实现[J].北京：综合月刊,2010年 2期.
[11] 王晓雨.CSS技术在WEB设计中的应用[J].黑龙江：电脑学习,2008年 3期.
[12] 艾文.开启Web设计之旅[J].北京：软件世界,2005年 9期.
[13] 李东辉,吕争.商务网站界面的可用性设[J],2004年 14卷 4期.
[14] 孙启良.Ajax技术与传统Web应用的比较[J].济南：信息技术,2010年 1期.
[15] 洪沙，周敏.Ajax技术在Web应用系统的研究与开发[J].重庆：计算机光盘软件与应用,2010年 2期.
[16] 郭秀娟，王春光.基于B/S模式的毕业设计管理系统开发与实现[J].吉林长春：计算机技术与发展，2010年20卷3期.
[17] Frank W.Zammetti.Practical Ajax Projects with JavaTM Technology[M].Press.
[18] Daniel Woolston.Pro Ajax and the .NET 2.0 Platform[M].Apress.

致 谢
毕业设计和毕业论文的撰写中，感谢指导老师以及其他老师的细心指导和关心。从毕业设计的选题、设计、论文初稿、修改、截稿的整个过程中，不厌其烦的指导、批评。帮助我顺利完成毕业。
大学四年，时光匆匆一晃即逝。四年时光，从稚嫩的高中生长大、成熟，到现在能独立面对社会的毕业生。成长的过程中，无不感谢专业老师的无私帮助，无不感谢学校的培养。
真挚的感谢所有帮助过我的人！

附录一 核心代码
var disname;
var http_request = null;
var canmov = true;
var timeoutid=-1;
function makeRequest(url,t,dis)
{
disname=dis;
if (http_request==null){
if (window.xmlHttpRequest) {
http_request = new xmlHttpRequest();
if (http_request.overrideMimeType){
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) {
try{
http_request = new ActiveXObject("Msxml2.xmlHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.xmlHTTP");
} catch (e) {}
}
}
}
if (http_request==null) {
alert("您的浏览器不支持当前操作，请使用 IE 5.0 以上版本!");
return false;
}
//定义页面调用的方法init,不是init();没有();
http_request.onreadystatechange = init;
http_request.open('GET', url, true);
//禁止IE缓存
http_request.setRequestHeader("If-Modified-Since","0");
//发送数据
http_request.send(null);
//每5秒刷新一次页面
timeoutid=setTimeout("makeRequest('"+url+"',"+t+",'"+dis+"')", 5000);
}
function init() {
if (http_request.readyState == 4) {
if (http_request.status == 0 || http_request.stat