【正文】 ，再把字符串a(chǎn)bc寫入表中的order字段。PHP寫入數(shù)據(jù)的過程就是用戶下達(dá)指令的過程，向MySQL寫入數(shù)據(jù)，下位端的單片機(jī)通過LabVIEW連接到MySQL獲取指令字符串，進(jìn)行格式轉(zhuǎn)換，最后執(zhí)行控制指令，完成用戶的監(jiān)控需要。第五章 遠(yuǎn)程溫度監(jiān)控系統(tǒng)WEB管理平臺的設(shè)計WEB管理平臺是用戶和監(jiān)控系統(tǒng)之間的通訊橋梁，用戶可以獲取現(xiàn)場信息，發(fā)送控制指令。WEB管理平臺接受用戶的請求，對現(xiàn)場監(jiān)控層下達(dá)指令，監(jiān)控層再按照用戶的要求工作，最后將數(shù)據(jù)信息返回用戶端。網(wǎng)頁作為WEB管理平臺的顯示界面，通過字體、圖片、音頻或者視頻的形式向用戶傳達(dá)信息。網(wǎng)頁是一種根據(jù)HTML格式編寫的文件，前文提到的PHP、HTML、CSS和JavaScript，是網(wǎng)頁的主要編寫語言[17]。一個基本的WEB網(wǎng)頁包括頭文件、HTML語言標(biāo)簽和主體內(nèi)容，其余部分涵蓋了JS腳本文件和CSS樣式文件。用戶可以通過不同的樣式對網(wǎng)頁進(jìn)行美化，提高頁面的視覺體驗性。WEB管理平臺的用戶端頁面包含4個模塊：登錄頁面、監(jiān)測頁面、控制頁面和統(tǒng)計頁面，其結(jié)構(gòu)設(shè)計框架如圖51所示：圖51 WEB管理平臺的設(shè)計框架 登錄頁面用戶登錄頁面是整個監(jiān)控系統(tǒng)的展示櫥窗，由登錄框和背景圖構(gòu)成。登錄頁面的設(shè)計比較簡單，頁面中間是用戶登錄框，登錄框的樣式、大小和位置排版都由網(wǎng)頁代碼決定。登陸框下是一個響應(yīng)登錄操作的button按鈕。前文提到在MySQL數(shù)據(jù)庫中創(chuàng)建一個登錄數(shù)據(jù)表，用于存放用戶名和密碼。此外，在網(wǎng)頁中添加了判斷用戶信息的session語句，當(dāng)輸入的登錄名與密碼時，網(wǎng)頁的session代碼將其與數(shù)據(jù)庫Login_tb表中的信息相比對，進(jìn)而驗證它的合法性。如果符合數(shù)據(jù)庫里的信息，用戶即可直接進(jìn)入監(jiān)控系統(tǒng)，否則會被登陸頁面攔截，顯示用戶名或密碼錯誤。值得強(qiáng)調(diào)的是，系統(tǒng)設(shè)置了不同級別的訪問權(quán)限，分為普通用戶和高級用戶，按照不同級別給予不同的操作功能。普通用戶只能進(jìn)入統(tǒng)計頁面，查看遠(yuǎn)程監(jiān)控系統(tǒng)的數(shù)據(jù)，無法進(jìn)入監(jiān)測頁面和控制頁面來進(jìn)行指令控制和后臺操作；高級用戶則擁有系統(tǒng)的所有功能。同時，該網(wǎng)頁前端最大的優(yōu)點之一在于系統(tǒng)的密閉性，任何用戶登錄系統(tǒng)只能通過登錄頁面，即使輸入監(jiān)測頁面、控制頁面或者統(tǒng)計頁面的IP，也無法直接訪問，都會被系統(tǒng)攔截再跳轉(zhuǎn)到登錄頁面，必須登錄才能訪問，從而提高了整個WEB管理平臺的安全性。登錄頁面如圖52所示：圖52 用戶登錄頁面 監(jiān)測頁面登錄驗證之后，用戶即可訪問監(jiān)測頁面。監(jiān)測頁面的左上角是一個Logo，右上角是網(wǎng)頁的tab樣式按鈕和退出系統(tǒng)的按鈕。監(jiān)測網(wǎng)頁里設(shè)有一個數(shù)據(jù)表和一個折線圖，能夠直觀地呈現(xiàn)監(jiān)控現(xiàn)場的實時溫度數(shù)據(jù)。功能上，數(shù)據(jù)表連接到MySQL中的Temp_tb，讀取了監(jiān)控現(xiàn)場溫度的統(tǒng)計數(shù)值和采集時間。然而因為采集模塊硬件上的缺陷，只能每隔一秒采集一次，即一小時內(nèi)可采集3600個溫度數(shù)值，造成數(shù)據(jù)集成上的龐雜，數(shù)據(jù)表需要計算某個時段內(nèi)溫度的平均值，因此在網(wǎng)頁設(shè)計初期，必須添加一段讀取MySQL數(shù)據(jù)平均值的PHP代碼來滿足這個要求。折線圖中，以時間為橫坐標(biāo)，以溫度值為縱坐標(biāo)，折線圖的橫縱坐標(biāo)獲取數(shù)值的方法與數(shù)據(jù)表一致，都是通過PHP讀取MySQL數(shù)據(jù)庫里的數(shù)據(jù)，不同的是折線圖的呈現(xiàn)效果。監(jiān)測頁面最大的優(yōu)點在于它擁有實時更新數(shù)據(jù)的功能，因為WEB網(wǎng)頁和MySQL數(shù)據(jù)庫一直保持關(guān)聯(lián)，只要數(shù)據(jù)一發(fā)生變化，監(jiān)控頁面刷新之后即可獲取新數(shù)據(jù)，無需延時。當(dāng)然你可以在網(wǎng)頁設(shè)置初期就編寫自動刷新網(wǎng)頁的代碼，刷新時間可變，這樣更加方便用戶的操作和調(diào)度指揮。網(wǎng)頁排版設(shè)計上，數(shù)據(jù)表居左，折線圖居右，表格和曲線都以藍(lán)色為基調(diào)，此外，數(shù)據(jù)表增加了背景填充色，虛化了折線圖，使得折線一目了然，網(wǎng)頁也更加細(xì)致美觀。監(jiān)測頁面如圖53所示:圖53 數(shù)據(jù)監(jiān)測頁面Tab樣式按鈕右邊是“退出系統(tǒng)”的按鍵，用戶執(zhí)行命令完畢選擇關(guān)閉監(jiān)控系統(tǒng)，點擊“退出系統(tǒng)”即可。從登陸頁面開始，經(jīng)過監(jiān)測頁面，再依次切換到控制頁面和統(tǒng)計頁面，最后退出系統(tǒng)，成套系統(tǒng)配合使用，簡潔方便，美觀大方。CSS文件定義tab的樣式，包含每個tab按鈕的顏色、按鈕的大小、寬度和位置。 控制頁面控制頁面是遠(yuǎn)程監(jiān)控系統(tǒng)的重要部分，其主要功能在于控制指令的發(fā)送。頁面的布局與監(jiān)測頁面類似，都可以通過tab按鈕進(jìn)行頁面間的互相切換，用戶按照需求可以隨意轉(zhuǎn)到不同頁面進(jìn)行功能操作。Tab按鈕下面就是整個系統(tǒng)的控制核心，指令發(fā)送按鈕。按照溫度數(shù)據(jù)采集和設(shè)備控制的功能要求，一共設(shè)置4個控制按鈕分別對應(yīng)不同的指令，依次為：控制器的開始、停止按鈕和繼電器的開始、停止按鈕。當(dāng)用戶點擊頁面中控制器的開始按鈕，現(xiàn)場單片機(jī)開始工作，采集溫度數(shù)值；反之，點擊停止按鈕，停止采集，現(xiàn)場設(shè)備處于待定狀態(tài)。指令的發(fā)送，通過網(wǎng)頁嵌套的PHP語言的編寫，將特定的指令發(fā)送到MySQL數(shù)據(jù)庫中的Command_tb進(jìn)行存儲，再把之前的指令清空，為LabVIEW接下來讀取數(shù)據(jù)提供便利，LabVIEW通過識別數(shù)據(jù)庫里的指令，進(jìn)而向單片機(jī)下達(dá)控制命令，達(dá)到一個完整的控制過程。雖然功能上比較簡單，但命令的下達(dá)和執(zhí)行方式，都依靠MySQL這一數(shù)據(jù)庫服務(wù)器層的轉(zhuǎn)接功能，而無需通過XML或者TXT等中轉(zhuǎn)文件的形式，額外通過WEB服務(wù)器來對LabVIEW進(jìn)行控制，在完全不影響使用的情況下，減輕WEB服務(wù)器的負(fù)擔(dān)，加快其運(yùn)行效率。每組按鈕按功能區(qū)別進(jìn)行歸類排版，居于網(wǎng)頁中間。在功能既定的情況下，控制按鈕采用光暈效果，不同的按鈕配備不同的色調(diào)，以增強(qiáng)網(wǎng)頁的美觀程度?？刂祈撁嫒鐖D54所示：圖54 指令控制頁面 統(tǒng)計頁面統(tǒng)計頁面的設(shè)計，是為了進(jìn)一步的完善數(shù)據(jù)監(jiān)測的功能，對監(jiān)測頁面進(jìn)行有益的補(bǔ)充，提高了系統(tǒng)的完整性。統(tǒng)計頁面也采用同樣的tab樣式按鈕，頁面分成2個模塊：統(tǒng)計圖和定時刷新模塊。相比監(jiān)測頁面數(shù)據(jù)表和折線圖對溫度數(shù)據(jù)整體地分析，直觀地呈現(xiàn)，統(tǒng)計圖的作用則在于針對某個節(jié)點數(shù)據(jù)進(jìn)行分析，突出了節(jié)點數(shù)據(jù)的重要性。統(tǒng)計圖采用虛化框的形式作為數(shù)據(jù)呈現(xiàn)的載體。通過HTML代碼，設(shè)置了虛化框的大小、位置和虛化程度，框里可以直接填寫溫度數(shù)據(jù)或者文本信息。針對當(dāng)日的溫度，統(tǒng)計圖里設(shè)置了最高溫和最低溫的區(qū)間和節(jié)點，基于數(shù)據(jù)的完整性，又增添了平均溫度，逐個地呈現(xiàn)在統(tǒng)計圖里。最高溫、最低溫和平均溫度的獲取，則通過內(nèi)部編寫的PHP代碼，將統(tǒng)計頁面與MySQL數(shù)據(jù)庫的Temp_tb連接起來，進(jìn)行計算，求得所需的數(shù)值，顯示在網(wǎng)頁上。由此遠(yuǎn)程溫度監(jiān)測系統(tǒng)的數(shù)據(jù)分析進(jìn)一步趨于完善，不僅能滿足用戶的任何信息的讀取要求，也使得WEB瀏覽器端的可拓展性變得更好。統(tǒng)計框圖里設(shè)有一個按鈕，能夠鏈接到前面的監(jiān)測頁面，方便了用戶的操作。同時，在網(wǎng)頁設(shè)計前期，添加了日歷代碼，以文字的形式呈現(xiàn)在統(tǒng)計圖上方，在網(wǎng)頁設(shè)計上達(dá)到錦上添花的效果。統(tǒng)計頁面如圖55所示：圖55 數(shù)據(jù)統(tǒng)計頁面統(tǒng)計頁面最大的創(chuàng)新點在于設(shè)置了定時刷新的功能。定時刷新，顧名思義就是當(dāng)用戶在網(wǎng)頁中查看數(shù)據(jù)信息的時候，為了獲取最新的數(shù)據(jù)需要不斷刷新頁面，造成操作上的繁瑣?；诖?，定時刷新的功能很好的滿足了用戶的需求。在網(wǎng)頁右側(cè)設(shè)置一個時間輸入框和提交按鈕，用戶根據(jù)需求輸入刷新時間，再點提交，網(wǎng)頁就會響應(yīng)請求，從而定時刷新數(shù)據(jù)，方便用戶的操作。定時刷新的代碼包含輸入框和按鈕的代碼，輸入時間需要換算成毫秒。定時刷新按鈕如圖56所示：圖56 定時刷新按鈕一個完整的監(jiān)控系統(tǒng)WEB管理平臺涵蓋WEB服務(wù)器的配置，MySQL數(shù)據(jù)庫的搭建，網(wǎng)頁的設(shè)計，其中網(wǎng)頁設(shè)計是WEB管理平臺設(shè)計的核心，因為用戶收發(fā)指令、獲取信息的途徑都基于WEB可視化界面。性能優(yōu)異的WEB管理平臺不僅包含精美的網(wǎng)頁設(shè)計，還要具備完善的監(jiān)控功能?；赪EB的遠(yuǎn)程溫度監(jiān)控系統(tǒng)的網(wǎng)頁管理平臺是用戶與監(jiān)控現(xiàn)場的交互橋梁，用戶通過WEB管理平臺獲取現(xiàn)場信息，根據(jù)溫度數(shù)據(jù)做出決策判斷，通過管理平臺向現(xiàn)場設(shè)備發(fā)送控制指令，達(dá)到一個監(jiān)測和控制完整過程。從現(xiàn)代工業(yè)的角度出發(fā)，只有在監(jiān)控技術(shù)的支持下，WEB管理平臺才能對工業(yè)信息的集成處理和工業(yè)生產(chǎn)過程的控制發(fā)揮至關(guān)重要的作用。第 28 頁 第6章 遠(yuǎn)程溫度監(jiān)控系統(tǒng)WEB管理平臺的調(diào)試遠(yuǎn)程溫度監(jiān)測系統(tǒng)的WEB管理平臺的設(shè)計工作基本完成，系統(tǒng)的監(jiān)測和控制功能可以完整的呈現(xiàn)在WEB瀏覽器上，滿足用戶實時、在線更新數(shù)據(jù)信息，控制系統(tǒng)操作的要求。設(shè)計的準(zhǔn)確性需要系統(tǒng)調(diào)試的進(jìn)一步驗證，調(diào)試過程可以分為2個步驟：監(jiān)測功能的調(diào)試和控制功能的調(diào)試。 監(jiān)測功能的調(diào)試監(jiān)測作為系統(tǒng)的兩大功能之一，為用戶提供信息依據(jù)。監(jiān)