[發明專利]一種基于物聯網云平臺的前端系統及設計方法

在審

• 申請號: 201811288057.0
• 申請日: 2018-10-31
• 公開（公告）號: CN109471629A
• 公開（公告）日: 2019-03-15
• 發明（設計）人: 朱哲然;楊林;牛草萌;雷煒卿;劉哲睿;楊鐵軍;任瑞敏;張琳;趙芮;文凡
• 申請（專利權）人: 國網河南省電力公司焦作供電公司;國家電網有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/41;H04L29/08
• 代理公司: 焦作市科彤知識產權代理事務所(普通合伙) 41133
• 代理人: 秦貞明

1.一種基于物聯網云平臺的前端系統，其特征在于：所述前端系統包括數據展示和系統管理；所述數據展示包括首頁展示及用戶系統、監控系統、開發者中心對物聯網采集數據實時監控和展示；所述系統管理包括開發者中心控制管理及用戶系統管理；

所述前端系統功能需求主要包括實時監控、歷史走勢分析、開發者中心控制；所述功能需求采用面向對象的分析方法可劃分為用戶功能需求和瀏覽者功能需求；所述瀏覽者功能需求包括首頁、設備探索、硬件展示；所述用戶功能需求包括首頁、設備探索、硬件展示、消息中心、用戶中心、數據展示中心、開發者中心。

2.根據權利要求1所述的一種基于物聯網云平臺的前端系統的設計方法，其特征在于：包括：

JQuery框架：用于頁面設計，封裝在一個立即執行函數中，提供 DOM 操作方法和選擇器；

Ajax：基于 JQuery 進行封裝，發送 HTTP 請求來加載服務端數據，發送請求字段到接口，請求字段自定義，采用 JSON 字段，服務端經過處理返回響應，通過回調函數對響應進行處理，實現錯誤請求字段良好提示；

JsRender： JsRender 模板引擎對 JQuery 進行數據渲染，將數據渲染到頁面中展示的模板上，模板對數據進行處理，{{ }}表示變量，將 JSON 數據按照定義的 html 結構填充到模板上，然后把結果放在指定容器中；

高德地圖API：用來展示設備所處位置，編碼使用經緯度,逆地理編碼使用位置信息；創建一個地圖,將獲取到的location_X 和 location_Y 標記在逆地理編碼顯示位置，同時重新選點，編碼獲得所選點的經緯度更改地理位置；

HighCharts圖表庫 ：用于繪制各種類型的交互性圖表，通過ajax獲取實時數據，做到頁面不刷新的更新。

3.根據權利要求2所述的一種基于物聯網云平臺的前端系統的設計方法，其特征在于：所述HighCharts圖表庫中主要使用的是折線圖， 使用曲線將一系列的數據點連接起來，用于實時的數據監控。

4.根據權利要求2所述的一種基于物聯網云平臺的前端系統的設計方法，其特征在于：所述HTTP 請求方式有 GET、POST。