基于MVVM前后端分離的物聯(lián)網(wǎng)維管系統(tǒng)的研究與實現(xiàn)
發(fā)布時間:2021-01-30 06:02
物聯(lián)網(wǎng)是新一代信息技術(shù)的高度集成和綜合運用,對新一輪產(chǎn)業(yè)變革和經(jīng)濟(jì)社會綠色、智能、可持續(xù)發(fā)展具有重要意義。隨著物聯(lián)網(wǎng)設(shè)備數(shù)量的強(qiáng)勁增長,截止至2019年初,物聯(lián)網(wǎng)設(shè)備總數(shù)達(dá)到了70億;趥鹘y(tǒng)模式和架構(gòu)開發(fā)的物聯(lián)網(wǎng)維管系統(tǒng)在面對與日俱增的設(shè)備接入的情況下,出現(xiàn)了頁面數(shù)據(jù)渲染延遲、代碼維護(hù)困難和系統(tǒng)更新迭代周期長等問題,給使用維管系統(tǒng)的企業(yè)造成了信息缺失、安全隱患和財產(chǎn)損失。針對上述問題,本文圍繞如何構(gòu)建具有實時性、交互性和可拓展性的物聯(lián)網(wǎng)維管系統(tǒng)展開研究;贛VVM(Model-ViewViewModel)的設(shè)計模式,構(gòu)建了一種前后端分離架構(gòu)的物聯(lián)網(wǎng)維管系統(tǒng)。該系統(tǒng)能夠保證模型數(shù)據(jù)更新的實時性和可靠性,提高代碼可復(fù)用性,縮短系統(tǒng)更新迭代周期,為企業(yè)節(jié)約成本。論文首先介紹了課題的背景、研究意義與國內(nèi)外相關(guān)領(lǐng)域的研究現(xiàn)狀,并對實現(xiàn)物聯(lián)網(wǎng)維管系統(tǒng)所需要的技術(shù)進(jìn)行闡述。其次,針對頁面更新時,尾元素移動會增加頁面渲染性能消耗的問題,提出并實現(xiàn)對Virtual DOM Diff(虛擬文檔對象模型對比)算法的優(yōu)化。之后,基于MVVM模式對物聯(lián)網(wǎng)維管系統(tǒng)整體框架、分層架構(gòu)和各功能模塊進(jìn)行設(shè)計。最后,...
【文章來源】:北京工業(yè)大學(xué)北京市 211工程院校
【文章頁數(shù)】:78 頁
【學(xué)位級別】:碩士
【文章目錄】:
摘要
Abstract
第1章 緒論
1.1 選題背景及研究意義
1.2 國內(nèi)外研究現(xiàn)狀
1.2.1 物聯(lián)網(wǎng)維管系統(tǒng)
1.2.2 Virtual DOM
1.3 本文研究工作
1.4 論文結(jié)構(gòu)安排
第2章 相關(guān)技術(shù)綜述
2.1 MVVM模式
2.1.1 MVVM
2.1.2 MVVM模式與其他模式對比
2.2 前后端分離
2.3 前端技術(shù)
2.3.1 React
2.3.2 Redux狀態(tài)管理容器
2.4 后端技術(shù)
2.4.1 Node.js
2.4.2 Express框架
2.4.3 Socket.io
2.5 本章小結(jié)
第3章 Virtual DOM Diff算法研究與優(yōu)化
3.1 Virtual DOM Diff算法的研究
3.1.1 傳統(tǒng)的Diff算法
3.1.2 Virtual DOM Diff算法及其策略分析
3.2 Virtual DOM Diff算法的優(yōu)化
3.3 實驗結(jié)果與分析
3.3.1 測試環(huán)境搭建
3.3.2 測試結(jié)果與分析
3.4 本章小結(jié)
第4章 物聯(lián)網(wǎng)維管系統(tǒng)設(shè)計
4.1 需求分析
4.1.1 功能需求
4.1.2 非功能性需求
4.2 系統(tǒng)架構(gòu)設(shè)計
4.2.1 前后端分離
4.2.2 View層
4.2.3 View Model層
4.2.4 Model層
4.2.5 數(shù)據(jù)接口層
4.2.6 數(shù)據(jù)庫層
4.3 系統(tǒng)模塊設(shè)計
4.3.1 GIS沙盤模型
4.3.2 設(shè)備健康管理
4.3.3 企業(yè)事務(wù)管理
4.3.4 權(quán)限控制
4.4 數(shù)據(jù)庫設(shè)計
4.5 本章小結(jié)
第5章 系統(tǒng)關(guān)鍵功能的實現(xiàn)
5.1 系統(tǒng)環(huán)境
5.2 GIS沙盤模型模塊
5.2.1 工程管理
5.2.2 模塊化的實現(xiàn)
5.3 設(shè)備健康管理模塊
5.3.1 掃碼報修
5.3.2 在線通信
5.3.3 設(shè)備健康狀態(tài)展示
5.3.4 批量導(dǎo)入
5.4 企業(yè)事務(wù)管理模塊
5.4.1 日歷模塊
5.4.2 任務(wù)步驟圖模塊
5.5 權(quán)限控制模塊
5.6 本章小結(jié)
結(jié)論
參考文獻(xiàn)
攻讀碩士學(xué)位期間所獲得的學(xué)術(shù)成果
致謝
本文編號:3008388
【文章來源】:北京工業(yè)大學(xué)北京市 211工程院校
【文章頁數(shù)】:78 頁
【學(xué)位級別】:碩士
【文章目錄】:
摘要
Abstract
第1章 緒論
1.1 選題背景及研究意義
1.2 國內(nèi)外研究現(xiàn)狀
1.2.1 物聯(lián)網(wǎng)維管系統(tǒng)
1.2.2 Virtual DOM
1.3 本文研究工作
1.4 論文結(jié)構(gòu)安排
第2章 相關(guān)技術(shù)綜述
2.1 MVVM模式
2.1.1 MVVM
2.1.2 MVVM模式與其他模式對比
2.2 前后端分離
2.3 前端技術(shù)
2.3.1 React
2.3.2 Redux狀態(tài)管理容器
2.4 后端技術(shù)
2.4.1 Node.js
2.4.2 Express框架
2.4.3 Socket.io
2.5 本章小結(jié)
第3章 Virtual DOM Diff算法研究與優(yōu)化
3.1 Virtual DOM Diff算法的研究
3.1.1 傳統(tǒng)的Diff算法
3.1.2 Virtual DOM Diff算法及其策略分析
3.2 Virtual DOM Diff算法的優(yōu)化
3.3 實驗結(jié)果與分析
3.3.1 測試環(huán)境搭建
3.3.2 測試結(jié)果與分析
3.4 本章小結(jié)
第4章 物聯(lián)網(wǎng)維管系統(tǒng)設(shè)計
4.1 需求分析
4.1.1 功能需求
4.1.2 非功能性需求
4.2 系統(tǒng)架構(gòu)設(shè)計
4.2.1 前后端分離
4.2.2 View層
4.2.3 View Model層
4.2.4 Model層
4.2.5 數(shù)據(jù)接口層
4.2.6 數(shù)據(jù)庫層
4.3 系統(tǒng)模塊設(shè)計
4.3.1 GIS沙盤模型
4.3.2 設(shè)備健康管理
4.3.3 企業(yè)事務(wù)管理
4.3.4 權(quán)限控制
4.4 數(shù)據(jù)庫設(shè)計
4.5 本章小結(jié)
第5章 系統(tǒng)關(guān)鍵功能的實現(xiàn)
5.1 系統(tǒng)環(huán)境
5.2 GIS沙盤模型模塊
5.2.1 工程管理
5.2.2 模塊化的實現(xiàn)
5.3 設(shè)備健康管理模塊
5.3.1 掃碼報修
5.3.2 在線通信
5.3.3 設(shè)備健康狀態(tài)展示
5.3.4 批量導(dǎo)入
5.4 企業(yè)事務(wù)管理模塊
5.4.1 日歷模塊
5.4.2 任務(wù)步驟圖模塊
5.5 權(quán)限控制模塊
5.6 本章小結(jié)
結(jié)論
參考文獻(xiàn)
攻讀碩士學(xué)位期間所獲得的學(xué)術(shù)成果
致謝
本文編號:3008388
本文鏈接:http://www.sikaile.net/kejilunwen/xinxigongchenglunwen/3008388.html
最近更新
教材專著