基于DWR反向AJAX的Web监控系统

时间：12-08 来源：互联网点击：

2.4 客户端实现

客户端使用DWR代码库，用JavaScript结合HTML，DOM实现监控Web页面的数据显示。为节省篇幅，只介绍重点配置和示意代码。

(1)引入DWR代码库

这里使用HTML与JavaScript分离原则，JavaScript代码放在单独的JS文件中。

＜script type=‘text/javascript’ src=‘/lsweb/dwr/util.js’＞＜/script＞
＜script type=‘text/javascript’ src=‘/lsweb/dwr/interface/DataChecking.js’＞＜/script＞
＜script type=‘text/javascript’ src=‘/lsweb/dwr/engine.js’＞＜/script＞
＜script type=‘text/javascript’ src=‘main.js’＞＜/script＞

(2)启用DWR反向AJAX

在main.js中定义所有监控业务的函数。

function checkInit()
{ dwr.engine.setActiveReverseAjax(true)； }
window.onload=checkInit；

(3)定义监控数据接收HTML单元

在监控页面上使用＜div id=”测点ID”＞＜/div＞定义DWR反向AJAX推送数据的显示位置，由服务器端JavaBean通过DWR AJAX直接读取。客户端页面和JavaScript不需进行任何请求操作。部分测点示意如下：

＜tr＞
＜td＞一小区#2＜/td＞
＜td＞＜div id=“no01”＞＜/div＞＜/td＞
＜td＞＜div id=“no02”＞＜/div＞＜/td＞
＜td＞＜div id=“no03”＞＜/div＞＜/td＞
＜/tr＞

(4)JavaScript调用JavaBean方法

启动服务器端JavaBean监测方法读取PLC数据，进行数据推送。在监测方法内启动所有监测点的监测线程，实时监测数据并推送到客户端。

function startChecking()
{
//通过DWR直接调用服务器端JavaBean的监测数据方法
DataChecking.sendCheckData()；
}

结合JavaEE平台、AJAX、DWR和反向AJAX，实现了一个全新的无需页面刷新、无需进行HTTP请求的全新Web监控系统，解决了传统Web的HTTP请求/响应模式无法满足监控系统实时性要求的难题。尤其是反向AJAX技术实现的推模式，可以将服务器端监测数据直接通过TCP/IP推送到HTML客户端，并直接写入到HTML元素中，得以实现与现有Web监控系统传统模式完全不同的全新系统，实现了无需进行页面刷新的工作模式。由于只传输监控数据，无需传输数据格式HTML代码，系统性能得到了极大改善，满足了监控系统对实时性的要求。今后无刷新、推模式的Web监控系统必将得到广泛应用。

上一篇：无刷直流电机控制及相序测定
下一篇：一种基于神经网络感知器的双足行走机器人

PLC 传感器相关文章：

栏目分类