氣象信保業務導航系統設計研究

導語：氣象信保業務導航系統設計研究一文來源于網友上傳，不代表本站觀點，若需要原創文章可咨詢客服老師，歡迎參考。

摘要：針對目前莆田市氣象局系統內不存在獨立的信息網絡與裝備保障業務導航系統，日常的運行監控或查看信息網絡安全等網頁地址都是保存在瀏覽器的收藏欄中。為方便保障信息網絡安全與裝備保障的業務使用以及日常查找方便，采用前后端分離方式開發了莆田市氣象局的信保業務導航系統。該系統前端主要由Vue.js框架以及Element-UI組件組成，后端主要由SpringBoot，MySQL等組成，其提供氣象信保部門快捷登入查詢各個業務系統、訪問日常值班等功能。

關鍵詞：業務導航系統；瀏覽器；前后端分離

隨著計算機的發展，信息化時代的到來，氣象局業務不斷擴展，為了管理方便而不斷構建相關信息化系統。信息化系統的構建能夠帶來許多工作上的便利，其中最好的地方就是為氣象部門與用戶之間架起一座網絡信息的橋梁，提供了一個互相交流的平臺，可以滿足用戶對氣象問題的查閱需求，解決用戶的問題。同時，推動氣象服務信息化有助于氣象部門與用戶的互動，在互相了解問題的過程中，解決群眾對氣象問題的困惑，提高了群眾對氣象工作的理解與支持，并根據要求不斷反省自我，促進氣象服務工作不斷進步[1]。目前市級氣象信息網絡保障部門的主要工作職責有承擔全市骨干通信網絡系統和機房環境的規劃設計、系統管理、運行維護和技術指導；負責全市氣象探測設備運行狀態和數據上行、下行傳輸的監控，承擔市局各類氣象資料的接收、傳輸和管理；負責全市視頻電視會商系統的運行保障，配合省氣象信息中心對省—市—縣視頻通信系統建設和維護；為氣象政務管理信息系統、福建省突發事件預警信息發布系統、莆田市縣氣象業務集約化系統等業務系統的運行提供維護保障和技術支；負責全市國家級自動氣象站設備故障的快捷反應和在重大災害性天氣過程中特定設備的重點保障工作；承擔對縣級自動站維修維護的遠程技術支持；負責全市常規氣象觀測儀器、自動站設備、大型氣象設備的計量和檢定管理工作。為了方便管理以及了解各個設備信息，大部分工作都通過網絡查看設備信息以及操控相關設備，因此有多達十幾個信息化系統。這些信息化系統的網頁地址通常都保存在瀏覽器的收藏夾中，雖然可以通過瀏覽器自帶的收藏夾文件管理進行分類，但展示的信息還是不夠明晰，偶爾還需要登入才能具體清楚是哪個業務系統，為了方便氣象信息網絡保障部門值班人員日常工作，因此構建莆田信保業務導航系統。

1需求分析

根據信息網絡保障部門的日常值班登入查看系統的頻率以及各個業務劃分情況，該系統的主要結構功能如圖1所示，系統功能包含綜合觀測、業務支撐、氣象數據、用戶管理。綜合觀測、業務支撐、氣象數據都是通過點擊即可查看相關鏈接。用戶管理即設置可登入該系統的用戶，方便信息網絡保障部門自主添加管理員。

2系統設計與實現

本文根據莆田市氣象局所擁有的電腦性能配置以及維保人員的人數，選擇前后端分離搭建系統方便查看以及權限管理，前后端分離的開發模式可以提高代碼的可讀性、降低代碼的冗雜程度、可重用性增強，因為是分別部署，所有系統的性能也會有所提升。在前后端分離的開發模式中，開發者只需各司其職，后端程序員只負責業務邏輯，向前端程序員提供API接口。前端人員負責將API接口上獲得的數據渲染到HTML頁面上。前后端分離實現了項目的可擴展性、維護性以及分工的明確性[2]。

2.1總體設計

本系統采用B/S結構，其擁有成本低、維護方便、分布性強、開發簡單，任何一臺內網計算機都能進行訪問操作。信息系統應用JAVA技術，通過Web-Service服務的方式完成對外的整合和服務。后端基于springboot、Mybatis等主流的J2EE應用開發框架，以組件化開發模式進行業務導航系統的構建，并以RestfulAPI方式為前端提供服務；前端采用Vue.js框架進行展示層的開發，在易用性、友好性等方面，借助Web2.0和Ajax技術，實現信息系統的完美展現和交互功能[3]。

2.2系統前端

前端采用Vue.js框架，Vue.js是一種用于搭建軟件界面的漸進式前端框架。它采用自下而上的增量開發設計方法，對于搭建信息化系統來說是一種簡單的體系結構，具備更加靈活且開放自由的代碼模式，有利于信息網絡保障部門人員基礎入門上手維護，Vue.js發展至今日漸完善，存在著大量現有集成代碼與項目供開發者使用，其中Vue-router、Axios、El-ement-Ui等插件使用較廣且方便[4]。VueRouter是Vue.js的官方路由，它與Vue.js核心深度集成，讓用Vue.js構建單頁應用變得輕而易舉。ElementUI是一套為開發者、設計師和產品經理準備的基于Vue2.0的桌面端組件庫，包含了一套設計原則、組件和組件，還提供如Axure組件、Sketch模板的設計資源。Axios是一個基于promise的HTTP庫，是一款高效的HTTP請求插件。

2.3系統后端

SpringBoot框架是基于Spring框架而進一步封裝的開源的輕量級框架。SpringBoot可以建立獨立的Spring應用程序，內置服務端容器，不需要部署工作，簡化了煩瑣的xml文件配置，可自動配置Spring，簡化Maven的配置。SpirngBoot是基于Spring的條件注冊的一套快速開發整合包。SpringBoot集成MyBatis。MyBatis是一個簡化和實現了Java數據持久化層(persistencelayer)的開源框架，它抽象了大量的JDBC冗余代碼，并提供了一個簡單易用的API和數據庫交互。在Spin-gBoot中，只需要POM文件設置Mybatis的依賴，即可實現數據庫的持久化[5]。

2.4系統實現

根據上述的系統設計以及功能需求，本文構建如下氣象信保業務導航系統設計，系統的登入界面如圖2所示，包含用戶登入信息顯示、登入名、登入密碼以及登錄按鍵。為了方便管理以及提高系統安全性，并未創建用戶注冊功能，只有通過管理員添加的用戶才可以登入系統查閱鏈接信息。前端代碼如下：登入氣象信保業務導航系統后，該系統界面的側邊欄顯示效果如圖3所示，其根據需求所設計相關菜單功能。由圖3可見，氣象信保業務導航系統側邊欄可選擇綜合觀測、業務支撐、氣象數據、用戶管理功能，其中用戶管理可以根據部門不同修改相關菜單欄的查閱權限，不同用戶可以查看的側邊欄菜單會有所不同。前端的代碼如下：關于系統數據庫表的設計，本文的用戶人員信息數據庫表結構如表1所示，表中包含用戶姓名以及用戶密碼。

2.5運行結果

該系統目前尚在運行測試中，能夠初步實現設計的需求，側邊欄菜單功能根據信息管理的類別劃分，點擊側邊欄目錄可以直接進入相關展示頁面，但依然存在的一些問題，如顯示的界面不夠美觀，整體布局不夠協調，鏈接說明不夠清楚，點擊鏈接中不包含該管理系統的用戶名以及密碼，依然需要再次手動輸入用戶名和密碼，菜單欄沒有自行添加功能，不利于該系統在內部推廣。

3結語

根據氣象信息網絡保障部門的日常值班情況以及常用業務需求，設計并搭建了氣象信保業務導航系統，系統采用B/S結構開發，界面顯示簡潔，初步實現氣象信保業務相關信息系統顯示，通過側邊欄的分類設計，較為清楚的展示不同功能的信息化管理系統。除此之外，該系統增加了權限，用戶需要登入才能訪問該系統。

參考文獻：

[1]張忠勇.計算機網絡技術在氣象領域中的應用[J].無線互聯科技,2021,17:79-80.

[2]鄒瑞,段華瓊.基于前后端分離技術的在線商城的設計與實現[J].電腦知識與技術,2020,16(26):231-232,239.

[3]胡兵,林釩,陳藝芳.莆田市縣氣象業務集約化系統設計與分析[J].海峽科學,2021,171(3):22-26.

[4]李曉薇.vue.js前端應用技術分析[J].網絡安全技術與應用,2022,4:44-45.

[5]巢晟盛.基于SpringBoot微服務架構下前后端分離的MVVM模型淺析[J].電腦知識與技術,2021,17(23):128-130,141.

作者：鄭清杰 鄭智健 林永強 單位：莆田市氣象局