原文博客：Doi技術(shù)團隊
鏈接地址：https://blog.doiduoyi.com
初心：記錄優(yōu)秀的Doi技術(shù)團隊學(xué)習(xí)經(jīng)歷
Data-View介紹
數(shù)據(jù)視圖系統(tǒng)(Data-View)
用戶上傳不同類型的數(shù)據(jù)凭峡，根據(jù)不同的數(shù)據(jù)類型繪制成不同的圖形鳄袍。實現(xiàn)數(shù)據(jù)可視化磺樱，作為物聯(lián)網(wǎng)或者App Inventor中的數(shù)據(jù)持久化平臺使用人断。
同樣地恳谎，你也可以通過Data-View制造數(shù)據(jù)，傳輸給尾组，從而實現(xiàn)控制硬件污尉。
項目地址：https://dataview.doiduoyi.com/
你可以通過Data-View做什么？
- App Inventor或者其他第三方通過接口傳數(shù)據(jù)給Data-View损拢，Data-View根據(jù)數(shù)據(jù)變化陌粹，實時繪制不同的數(shù)據(jù)圖形。
- 通過Data-View添加數(shù)據(jù)福压，第三方可以通過接口獲取到數(shù)據(jù)掏秩。
- Data-View上繪制成的圖形都可以生產(chǎn)Html靜態(tài)文件下載
基礎(chǔ)概念
Data-View的數(shù)據(jù)結(jié)構(gòu)分3層
- 頻道：
- 數(shù)據(jù)域的集合或舞，里面可以包含多個數(shù)據(jù)域
- 數(shù)據(jù)域：
- 具有特定單一類型數(shù)據(jù)點的集合。
- 目前數(shù)據(jù)域支持的數(shù)據(jù)點類型有：
- 整型
- 字符串類型
- 布爾類型
- 數(shù)據(jù)點：
- 具體數(shù)據(jù)
如圖：
頻道
數(shù)據(jù)域
目前支持的功能有：
-
查詢選項蒙幻，可以查詢一段時間內(nèi)所有的數(shù)據(jù)點
3.png -
模擬數(shù)據(jù)映凳，此功能可以增加數(shù)據(jù)點，同時也可以通過這個功能給App Inventor或者硬件發(fā)送數(shù)據(jù)
4.png -
密鑰邮破，通過接口API操作數(shù)據(jù)域的私鑰
5.png
-
可以對數(shù)據(jù)域信息的修改和訂閱數(shù)據(jù)域（訂閱后诈豌，會該數(shù)據(jù)域會出現(xiàn)在儀表盤）
6.png
-
導(dǎo)出∈愫停可以導(dǎo)出App Inventor 2 積木代碼的程序矫渔，或者將圖形導(dǎo)出成html格式的文件
7.png
數(shù)據(jù)點
Dava-View根據(jù)多個數(shù)據(jù)點的數(shù)據(jù)繪制出圖形。
如下圖摧莽，下圖是整型類型的數(shù)據(jù)點所繪制的圖形庙洼。
功能
App Inventor發(fā)送數(shù)據(jù)到Data-View
-
打開app.wxbit 網(wǎng)站 。網(wǎng)址：https://app.wxbit.com/#503564
9.png -
新建一個項目
10.png -
在左邊拖拉一個按鈕到中間的屏幕中范嘱，并重命名為添加數(shù)值
11.png -
回到Data_View送膳，我們創(chuàng)建一個渠道，并且創(chuàng)建一個數(shù)據(jù)域,名稱叫app丑蛤，類型選擇數(shù)值型。
注意：數(shù)據(jù)域類型為數(shù)值型
Image.png
-
進入app該數(shù)據(jù)域撕阎，并且選擇導(dǎo)出受裹，然后點擊添加數(shù)據(jù)點（此時已經(jīng)成功復(fù)制）。
12.png
-
回到app.wxbit虏束，點擊右上角的邏輯設(shè)計
13.png
-
按下 F12 打開瀏覽器的開發(fā)者面板棉饶，于面板上方選中 控制臺（Console） 選項卡，將已復(fù)制的代碼粘貼至 控制臺（Console） 中的輸入框镇匀，按下 Enter 后即可將積木導(dǎo)入編輯頁面照藻。
14.png
-
按下回車后，界面會出現(xiàn)以下函數(shù)塊
15.png
-
點擊左邊的添加數(shù)值汗侵，然后拖動第一個模塊到界面
16.png
-
此時界面有兩個代碼塊
17.png
-
點擊左邊的函數(shù)幸缕，找出添加數(shù)據(jù)點（數(shù)值），拖進界面
18.png
-
點擊左邊的數(shù)學(xué)晰韵，找出隨機1到100的數(shù)值发乔，拖進界面
19.png
-
此時界面的圖如下
20.png 這個時候，點擊右上角的組件設(shè)計雪猪，回到設(shè)計頁面
-
選擇http組件栏尚，拖到界面中
21.png
- 點擊右上角邏輯設(shè)計，回到代碼版塊
-
點擊左邊只恨，選擇Http客戶端译仗，拖進界面抬虽，并跟外名稱為Web客戶端
22.png
-
點擊左邊，選擇計時器纵菌，拖入界面
23.png
-
點擊右上角的邏輯設(shè)計斥赋，檢查代碼塊
24.png
-
此時開發(fā)以及完成， 可以導(dǎo)出APK到手機安裝了
25.png
-
將下載的應(yīng)用安裝到手機
26.png
-
點擊添加數(shù)值按鈕
23.回到Data-View的app數(shù)據(jù)域界面
27.png
-
可以點擊導(dǎo)出产艾，點擊繪制編輯器疤剑。繪制自己想要的圖像或者下載圖像
28.png
