礦井發(fā)生事故后,礦山救護隊是奮戰(zhàn)在一線的主力軍,礦山救護隊建設(shè)的好壞直接影響礦工生命和國家財產(chǎn)安全,然而現(xiàn)階段我國礦山救護隊在業(yè)務(wù)管理方面存在數(shù)據(jù)錄入、查詢困難等問題。為了實現(xiàn)救護隊智能化、質(zhì)量標(biāo)準(zhǔn)化建設(shè),設(shè)計開發(fā)一套救護隊?wèi)?yīng)急管理系統(tǒng)具有一定的現(xiàn)實意義。救護隊?wèi)?yīng)急救援管理系統(tǒng)采用B/S架構(gòu),結(jié)合前后端分離模式進行開發(fā),主要用于救護隊日常業(yè)務(wù)管理和遠程監(jiān)管。本文通過互聯(lián)網(wǎng)云技術(shù)、語音交互、數(shù)據(jù)可視化等技術(shù),完成系統(tǒng)前端頁面設(shè)計、語音交互以及數(shù)據(jù)可視化展示。系統(tǒng)部署到云服務(wù)器上,使用Vue.js、Element-UI等技術(shù)框架,結(jié)合echarts工具實現(xiàn)頁面設(shè)計和數(shù)據(jù)展示,通過Axios進行前后端數(shù)據(jù)交互,利用Webpack對代碼進行打包,并結(jié)合其他前端技術(shù)輔助項目開發(fā)。根據(jù)救護隊工作流程和業(yè)務(wù),應(yīng)急救援管理系統(tǒng)包括個人模塊、裝備物資模塊、應(yīng)急接警模塊、培訓(xùn)訓(xùn)練模塊、系統(tǒng)管理模塊、救援方案模塊、基礎(chǔ)配置模塊、救援隊伍模塊、計劃模塊、資料管理模塊以及辦公自動化模塊。系統(tǒng)主要包括救護隊基礎(chǔ)數(shù)據(jù)存儲和管理,數(shù)據(jù)統(tǒng)計分析和可視化展示,裝備物資維保和出入庫,應(yīng)急預(yù)案的自動生成,文檔上傳和下載,智能... 

【文章來源】：西安科技大學(xué)陜西省

【文章頁數(shù)】：85 頁

【學(xué)位級別】：碩士

【部分圖文】：

JavaScript組成部分

西安科技大學(xué)碩士學(xué)位論文6圖2.1JavaScript組成部分2.2Vue.js開發(fā)框架技術(shù)Vue.js是一個靈活而強大的前端開發(fā)框架，具有優(yōu)良的MVVM庫[24-26]而被廣泛應(yīng)用。Vue的核心庫關(guān)注view層，隨意性較強，與其他項目、庫整合起來比較容易。Vue.js晚于AngularJS和React[27]，該框架融合了其他框架的大部分優(yōu)點，使其在該領(lǐng)域迅速流行起來。Vue.js的組件化思想是視圖層的靈魂，是Vue.js最強大的功能之一，組件化使前端樣式、布局和條理關(guān)系寫在同一個文件中，大大地增加了程序的易讀性和維護性，如圖2.2所示是組件樣式圖。圖2.2組件樣式圖組件化[28]最大的特點是使項目避免了低內(nèi)聚高耦合，達到分開管理。它有以下好處：（1）創(chuàng)建組件后，組件可以重復(fù)調(diào)用，提高了開發(fā)效率。（2）頁面的組件化越明顯，頁面的布局就越清楚，組件與組件之間的聯(lián)系也就越明朗。（3）組件化之間的依賴主要通過接口，工程或者項目的方式，這樣可以避免代碼之間的耦合。（4）組件化產(chǎn)品能夠減少定位和解決問題的時間，提高開發(fā)效率。除了組件化，數(shù)據(jù)雙向綁定也是Vue.js最核心的功能。該功能是利用數(shù)據(jù)劫持結(jié)合

2救護隊?wèi)?yīng)急救援管理系統(tǒng)關(guān)鍵技術(shù)7發(fā)布者-訂閱者模式進行實現(xiàn)。雙向綁定數(shù)據(jù)原理如圖2.3所示。在前端輸入框中增加數(shù)據(jù)或者減少數(shù)據(jù)，對應(yīng)的后臺數(shù)據(jù)庫也會增加數(shù)據(jù)或者減少數(shù)據(jù)。相反，在后臺的數(shù)據(jù)庫中增加數(shù)據(jù)或者減少數(shù)據(jù)，前端的視圖也會相應(yīng)的變化，從而實現(xiàn)雙向數(shù)據(jù)綁定。圖2.3雙向數(shù)據(jù)綁定原理Vue-Router是Vue.js官宣的路由管理器，它與不同的url建立連接，訪問不同的頁面內(nèi)容。通過控制父組件一個路由變量的值，來動態(tài)改變指向的組件；而被指向的組件又通過渲染方法被渲染到父組件，因此當(dāng)指向組件改變時，被渲染的組件也隨之改變；因此，通過控制一個變量來實現(xiàn)路由的效果；Vue.js包含動態(tài)路由匹配和模塊化的路由配置等功能。Vuex是僅為Vue.js開發(fā)使用的一種狀態(tài)管理模式，它使所有的組件狀態(tài)以集中的存儲的方式進行管理，并保證狀態(tài)以可預(yù)測的方式發(fā)生變化。在該狀態(tài)管理模式未出現(xiàn)時，Vue是“單項數(shù)據(jù)流”，如圖2.4所示。圖2.4單項數(shù)據(jù)流原理Vuex克服了多個組件不能同時享有同一狀態(tài)的問題，有利于同步組件間的狀態(tài)，為

【參考文獻】：
期刊論文
[1]基于Vue.js的車險報價系統(tǒng)的設(shè)計與實現(xiàn)[J]. 張志鵬,黃素娟,蔣龍玉,馬嘉敏.  微型電腦應(yīng)用. 2020(04)
[2]基于JT808的北斗公車物聯(lián)網(wǎng)平臺的設(shè)計與實現(xiàn)[J]. 張其,葉偉,呂明,吳盤龍,張捷.  工業(yè)控制計算機. 2019(11)
[3]基于Vue.js的在線設(shè)計開放平臺研究與實現(xiàn)[J]. 王璐,崔保磊,潘紅霞,趙莉,田宇.  信息技術(shù)與信息化. 2019(11)
[4]語音交互技術(shù)在礦山救護隊?wèi)?yīng)急救援管理系統(tǒng)中的應(yīng)用[J]. 李文峰,李大娟,張軍會.  工礦自動化. 2019(11)
[5]JavaScript代碼分析技術(shù)綜述[J]. 史櫓,吳毅堅,趙文耘.  計算機應(yīng)用與軟件. 2018(11)
[6]基于CSS技術(shù)的網(wǎng)頁布局探究[J]. 馮小強.  電腦知識與技術(shù). 2018(28)
[7]基于GIS的隧道坍塌救援管理系統(tǒng)的設(shè)計與開發(fā)[J]. 李春輝,李洪洲,吳勇,李榮華.  現(xiàn)代隧道技術(shù). 2018(04)
[8]石化企業(yè)危險化學(xué)品管理系統(tǒng)設(shè)計與實現(xiàn)[J]. 王華,崔振偉,陳勇.  化工進展. 2018(07)
[9]基于業(yè)務(wù)連續(xù)性管理的煤礦應(yīng)急管理體系研究[J]. 王世佳.  能源與環(huán)保. 2018(03)
[10]輸送機中間架智能語音交互設(shè)計型專家系統(tǒng)研究[J]. 寧志強,陶元芳.  煤炭工程. 2018(03)

碩士論文
[1]基于MVVM模式的Vue.js框架在物流軟件自動化測試系統(tǒng)中的應(yīng)用研究[D]. 柴青山.北京郵電大學(xué) 2019
[2]容器PaaS平臺系統(tǒng)WEB前端的設(shè)計與實現(xiàn)[D]. 吳德林.北京交通大學(xué) 2019



本文編號：3597663