基于ASP動態(tài)網頁與Kingview的實時溫度采集系統(tǒng)——可發(fā)布于局域網在多種設備上顯示
2023年8月20日 陰天有雨
下午3時許，閑來無事，便浮想聯翩。早已學過使用Kingview軟件通過數據采集卡采集傳感器數據，并將其顯示在電腦屏幕上。奈何只能在一臺電腦上查看。早就想過是否可以躺在床上，拿手機就能查看家中各個傳感器的數據（溫度、濕度、光照強度等）。在Android手機、iPhone、Windows、MAC設備上跨平臺顯示的最好方法就是利用瀏覽器查看網頁。想到這些，便開始在網上搜集資料，具體實施步驟如下。
首先，新建一個工程將其命名為1。
然后新建一個畫面，命名為“溫度采集”。
在圖庫中選擇一個儀表，將其拖入畫面。
適當調整大小，并添加文字“溫度（℃）”。
設備連接選擇PLC-莫迪康-ModbusRTU,端口COM3，設備地址1，波特率9600，通信方式485，數據位8，停止位1，無校驗。
然后在數據詞典中新建變量，命名為“溫度”。具體設置如下圖：
再新建一個變量q1,變量類型為內存實數;
由于31寄存器的數值為實際溫度的13000000倍，因此在應用程序命令語言中寫下如下代碼：q1=溫度/13000000;此時q1即為實際溫度值。
然后雙擊儀表進行變量替換，將模擬量1替換為剛剛創(chuàng)建的變量q1。
硬件連接方式如下：
將USB接頭插在電腦上，系統(tǒng)開始工作。
測試系統(tǒng)可以正常運行后，停止運行，然后在數據詞典中新建一個變量q，類型為內存字符串，其具體設置如下：
然后在數據改變命令語言中寫下如下代碼：
FileDelete("D:\a\a.txt"); //刪除D盤a文件夾中的a.txt文件
q=StrFromReal(q1, 2,"f");//將數據類型為內存實數的q1轉換為字符串變量q
FileWriteStr ("D:\a\a.txt",0,q,1);//?在D盤a文件夾中創(chuàng)建a.txt文件并將字符串變量q寫入
接下來是ASP網頁制作，在D盤a文件夾中新建一個文本文檔，在其中寫入如下代碼：
<%@ Language=VBScript %>
<html>
<head>
? ? <title>溫度采集</title>
? ? <script>
? ? ? ? function fetchData() {
? ? ? ? ? ? var xmlhttp = new XMLHttpRequest();
? ? ? ? ? ? xmlhttp.onreadystatechange = function() {
? ? ? ? ? ? ? ? if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
? ? ? ? ? ? ? ? ? ? document.getElementById("txtContent").innerHTML = xmlhttp.responseText;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? xmlhttp.open("GET", "g.asp", true);
? ? ? ? ? ? xmlhttp.send();
? ? ? ? }
? ? ? ? // 每100ms調用一次fetchData函數
? ? ? ? setInterval(fetchData,100);
? ? </script>
</head>
<body onload="fetchData()">
? ? <h1>溫度</h1>
? ? <div id="txtContent"></div>
</body>
</html>
保存好，將其命名為default.asp
再從D盤a文件夾中新建一個文本文檔，在其中寫入如下代碼：
<%@ Language=VBScript %>
<%?
' 創(chuàng)建FileSystemObject對象
Set fs = Server.CreateObject("Scripting.FileSystemObject")
' 打開文本文件
Set txtFile = fs.OpenTextFile(Server.MapPath("a.txt"), 1)
' 讀取整個文件內容
fileContent = txtFile.ReadAll
' 關閉文件
txtFile.Close
' 輸出文件內容
Response.Write fileContent
%>
保存好，將其命名為g.asp
確保D盤a文件夾內有如下3個文件：
然后在Windows電腦中啟用如下服務：
在電腦的開始菜單中搜索Internet Information Services (IIS)管理器，打開它，右擊網站，點擊添加網站。
網站名稱填寫“溫度”，物理路徑選擇剛才那三個文件的路徑D：\a，選擇本機的ip地址(在此之前確保電腦連接wifi,或其它局域網)
其余默認，然后點擊確定。
然后右擊溫度選擇管理網站，點擊瀏覽，
這時還不會顯示溫度的具體數值。
然后打開Kingview，運行系統(tǒng)。再次打開網站，這時就會實時顯示溫度數值。
然后在連接同一個WiFi的手機或平板的瀏覽器中，輸入電腦的IP地址，就可以顯示實時溫度數值。
接下來還可以深入學習動態(tài)網頁制作，制作出更加美觀的畫面。通過內網穿透還可以實現外出的時候查看家中各個傳感器的數值，從而不必在同一個局域網內，就可以查看數據。
