2課件投票與統(tǒng)計系統(tǒng)

1、投票與統(tǒng)計系統(tǒng)目目錄錄CONTENTS01http請求與回復(fù)02簡單html網(wǎng)頁制作與跳轉(zhuǎn)03投票數(shù)據(jù)篩選04投票數(shù)據(jù)顯示http請求與回復(fù)01創(chuàng)建用于創(chuàng)建Web服務(wù)的HTTP端點URL為訪問的地址，下圖所示訪問地址為：:1880/select將響應(yīng)發(fā)送回從HTTP輸入節(jié)點接收的請求，通常和http in節(jié)點搭配使用Header為消息頭，這里不用單獨配置簡單html網(wǎng)頁制作與跳轉(zhuǎn)02form actionform是一個表單，action是轉(zhuǎn)向地址，即form表單需要提交到哪里。下圖所示即為跳轉(zhuǎn)至result界面xxxxx網(wǎng)頁設(shè)計中定義段落的標記，稱為開始標記，稱為結(jié)束標記。把

2、一段話寫在這兩個標記中間，在用瀏覽器瀏覽的時候，瀏覽器會把這一段話顯示為一個段落簡單html網(wǎng)頁制作與跳轉(zhuǎn)02input typetype 屬性規(guī)定 input 元素的類型,右表所示為type常用的幾種類型，這里使用單選按鈕，單選按鈕允許用戶選取給定數(shù)目的選擇中的一個選項請使用 來輸入空行，而不是分割段落。下圖所示每一個選項后面都有一個換行，提交按鈕與紅樓夢選項之間有兩個換行，即間隔一行。是HTML語言的標簽（tag），意思是主體，所有的標記內(nèi)容在兩個body中間來進行填寫，不帶斜杠的為左括號，帶斜杠的為右括號。簡單html網(wǎng)頁制作與跳轉(zhuǎn)02payloadpayload是一種以JSON格式進行

3、數(shù)據(jù)傳輸?shù)囊环N方式，這里是將上一頁面提交的數(shù)據(jù)進行顯示，這里的形式與Value Format一致，具體可參考： 簡單html網(wǎng)頁制作與跳轉(zhuǎn)02投票數(shù)據(jù)篩選03票數(shù)統(tǒng)計context.get(xxxx)獲取一個節(jié)點范圍內(nèi)的上下文context.set(xxxx)設(shè)置一個節(jié)點范圍內(nèi)的上下文帶單引號的變量和不帶單引號的區(qū)別區(qū)別為不帶單引號變量通常數(shù)據(jù)流過即丟失，是短暫記憶的，帶單引號的相當于是一個容器，具備記憶效果，即使數(shù)據(jù)流過，也不會丟失。但是，context屬性只能影響到一個節(jié)點范圍，也就是里面的數(shù)據(jù)只能自己使用。投票數(shù)據(jù)篩選03數(shù)據(jù)分配提取名字payload、topic與鍵值payload與t

4、opic是并列關(guān)系，Payload意思是有效負載或載荷。如果把數(shù)據(jù)包比喻為一輛貨車，那么topic是貨車的品牌，payload就是貨車上的貨物。而CNT1、CNT2、CNT3。這些是payload下面的鍵值，相當于是貨物分類，貨車上有食品、日用品、危險品等等。示例中，提取名字是將payload的值放入到name這個鍵值中，假如接收到的payload是“三國演義”，則將“三國演義”放至payload下屬的name鍵值中。數(shù)據(jù)分配則根據(jù)不同的name，定義topic，這里定義topic方便chart控件進行顯示。投票數(shù)據(jù)顯示04柱狀圖（票數(shù)對比）餅狀圖（占比）文字顯示（總數(shù)統(tǒng)計）投票數(shù)據(jù)顯示04chart節(jié)點的作用是將輸入值繪制在圖表上。這可以是基于時間的折線圖，條形圖（垂直或水平），或者餅圖。每個輸入msg.payload值將被轉(zhuǎn)換成一個數(shù)字。如果轉(zhuǎn)換失敗，則消息將被忽略。最小和最大Y軸值是可選的。如果沒有設(shè)置最值，該圖表的范圍將根據(jù)接收的值自行擴展。使用不同的msg.topic可以在同一個圖表上顯示不同的多個連續(xù)數(shù)據(jù)。同一串連續(xù)的數(shù)據(jù)也可以用msg.label來顯示不同的小節(jié)。X軸定義了一個時間窗口或顯示的最大點數(shù)。較老的數(shù)據(jù)將自動從圖中刪除。軸的坐標名稱可以用特定的格式進行格式化。輸入的msg.payload如果包含空數(shù)組的話，會清空表格