基于HTML5的環(huán)境參數(shù)監(jiān)測(cè)系統(tǒng)研究與實(shí)現(xiàn).pdf

1、隨著社會(huì)的發(fā)展，環(huán)境問(wèn)題日益嚴(yán)重，各類(lèi)污染事件不斷發(fā)生，嚴(yán)重影響了人們的身體健康，環(huán)境問(wèn)題成為了人們關(guān)注的焦點(diǎn)。環(huán)境監(jiān)測(cè)以其重要的基礎(chǔ)地位也越來(lái)越受到人們的重視。目前，我國(guó)的環(huán)境參數(shù)監(jiān)測(cè)系統(tǒng)大多是基于C/S架構(gòu)。C/S架構(gòu)的測(cè)試系統(tǒng)需要安裝特殊的客戶(hù)端軟件并且投資和維護(hù)的成本高。隨著實(shí)時(shí)Web技術(shù)的不斷發(fā)展，通過(guò)瀏覽器對(duì)環(huán)境參數(shù)進(jìn)行實(shí)時(shí)監(jiān)測(cè)成為可能。但是傳統(tǒng)實(shí)時(shí)Web技術(shù)存在延遲大、消耗高等缺點(diǎn)?；诖?，本文研究并開(kāi)發(fā)了基于HTML5的

2、環(huán)境參數(shù)監(jiān)測(cè)系統(tǒng)，實(shí)現(xiàn)在瀏覽器端對(duì)環(huán)境參數(shù)數(shù)據(jù)進(jìn)行實(shí)時(shí)監(jiān)測(cè)。具體的研究?jī)?nèi)容如下：
　?。?）對(duì)HTML5和實(shí)時(shí)Web技術(shù)的基本理論進(jìn)行了研究并將傳統(tǒng)實(shí)時(shí)Web技術(shù)與基于WebSocket的實(shí)時(shí)Web技術(shù)進(jìn)行了對(duì)比分析，分析結(jié)果表明：傳統(tǒng)實(shí)時(shí)Web技術(shù)存在實(shí)時(shí)性差、吞吐量大等缺點(diǎn)。
　?。?）基于HTML5環(huán)境參數(shù)監(jiān)測(cè)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)。搭建了以S3C2440為核心處理器的硬件開(kāi)發(fā)平臺(tái)，設(shè)計(jì)和完成了基于VB的上位機(jī)，實(shí)現(xiàn)實(shí)時(shí)環(huán)境參

3、數(shù)數(shù)據(jù)采集并將該數(shù)據(jù)存儲(chǔ)到MySQL數(shù)據(jù)庫(kù)中；完成基于Node.js的WebSocket服務(wù)器的開(kāi)發(fā)，通過(guò)WebSocket服務(wù)器將MySQL數(shù)據(jù)庫(kù)中的環(huán)境參數(shù)數(shù)據(jù)發(fā)送到瀏覽器端；瀏覽器端設(shè)計(jì)完成基于Echarts的動(dòng)態(tài)圖表，實(shí)現(xiàn)對(duì)環(huán)境參數(shù)數(shù)據(jù)的實(shí)時(shí)、動(dòng)態(tài)顯示；鑒于部分環(huán)境參數(shù)數(shù)據(jù)無(wú)法通過(guò)實(shí)驗(yàn)室環(huán)境測(cè)得，調(diào)用環(huán)境監(jiān)測(cè)網(wǎng)站API接口并將取得的環(huán)境參數(shù)數(shù)據(jù)在頁(yè)面中進(jìn)行顯示。至此，基于HTML5的環(huán)境參數(shù)監(jiān)測(cè)系統(tǒng)開(kāi)發(fā)完畢。
　?。?）為