新聞中心

EEPW首頁(yè) > 手機(jī)與無(wú)線(xiàn)通信 > 設(shè)計(jì)應(yīng)用 > 采用DWR框架和反向AJAX的Web監(jiān)控系統(tǒng)開(kāi)發(fā)

采用DWR框架和反向AJAX的Web監(jiān)控系統(tǒng)開(kāi)發(fā)

作者: 時(shí)間:2010-08-14 來(lái)源:網(wǎng)絡(luò) 收藏

  (2)配置JavaBean到

  使用的配置文件/WEB-INF/dwr.xml,將JavaBean引入到體系中,通過(guò)JavaScript就可以直接調(diào)用JavaBean的監(jiān)測(cè)方法。

  

  其中,javascript屬性指定JavaScript中對(duì)象的名稱(chēng),creator=“new”指定由DWR引擎自動(dòng)創(chuàng)建JavaBean類(lèi)的實(shí)例。

  2.4 客戶(hù)端實(shí)現(xiàn)

  客戶(hù)端使用DWR代碼庫(kù),用JavaScript結(jié)合HTML,DOM實(shí)現(xiàn)監(jiān)控頁(yè)面的數(shù)據(jù)顯示。為節(jié)省篇幅,只介紹重點(diǎn)配置和示意代碼。

  (1)引入DWR代碼庫(kù)

  這里使用HTML與JavaScript分離原則,JavaScript代碼放在單獨(dú)的JS文件中。

  

  (2)啟用DWR反向

  在main.js中定義所有監(jiān)控業(yè)務(wù)的函數(shù)。

  

  (3)定義監(jiān)控?cái)?shù)據(jù)接收HTML單元

  在監(jiān)控頁(yè)面上使用

  定義DWR反向推送數(shù)據(jù)的顯示位置,由服務(wù)器端JavaBean通過(guò)DWR 直接讀取??蛻?hù)端頁(yè)面和JavaScript不需進(jìn)行任何請(qǐng)求操作。部分測(cè)點(diǎn)示意如下:

  

  (4)JavaScript調(diào)用JavaBean方法

  啟動(dòng)服務(wù)器端JavaBean監(jiān)測(cè)方法讀取PLC數(shù)據(jù),進(jìn)行數(shù)據(jù)推送。在監(jiān)測(cè)方法內(nèi)啟動(dòng)所有監(jiān)測(cè)點(diǎn)的監(jiān)測(cè)線(xiàn)程,實(shí)時(shí)監(jiān)測(cè)數(shù)據(jù)并推送到客戶(hù)端。

  

  結(jié)合JavaEE平臺(tái)、AJAX、DWR和反向AJAX,實(shí)現(xiàn)了一個(gè)全新的無(wú)需頁(yè)面刷新、無(wú)需進(jìn)行HTTP請(qǐng)求的全新,解決了傳統(tǒng)的HTTP請(qǐng)求/響應(yīng)模式無(wú)法滿(mǎn)足實(shí)時(shí)性要求的難題。尤其是反向AJAX技術(shù)實(shí)現(xiàn)的推模式,可以將服務(wù)器端監(jiān)測(cè)數(shù)據(jù)直接通過(guò)TCP/IP推送到HTML客戶(hù)端,并直接寫(xiě)入到HTML元素中,得以實(shí)現(xiàn)與現(xiàn)有Web傳統(tǒng)模式完全不同的全新系統(tǒng),實(shí)現(xiàn)了無(wú)需進(jìn)行頁(yè)面刷新的工作模式。由于只傳輸監(jiān)控?cái)?shù)據(jù),無(wú)需傳輸數(shù)據(jù)格式HTML代碼,系統(tǒng)性能得到了極大改善,滿(mǎn)足了監(jiān)控系統(tǒng)對(duì)實(shí)時(shí)性的要求。今后無(wú)刷新、推模式的Web監(jiān)控系統(tǒng)必將得到廣泛應(yīng)用。


上一頁(yè) 1 2 下一頁(yè)

評(píng)論


相關(guān)推薦

技術(shù)專(zhuān)區(qū)

關(guān)閉