基于UniApp的移動救援App設計與實現

摘要：文章基于UniApp和Unicloud技術，設計并開發了一款移動救援App，該應用程序兼容手機端和PC端。其主要目的是為受災人員和救援組織提供全面可靠的系統管理，構建一個受災人員、救援組織和政府機構之間的虛擬交互平臺。災民可以在此平臺上登記信息，以保障自身安全；救援組織可以依據登記信息采取更加精準有效的救援措施；政府機構可以利用該平臺更好地管理與控制災情，提高響應效率。

關鍵詞：移動救援App；災害管理；Unicloud

中圖分類號：TP311" " " 文獻標識碼：A

文章編號：1009-3044（2025）17-0040-05

開放科學（資源服務） 標識碼（OSID）

0 引言

災害救援系統對國家和社會的重要性在于其對災害救援信息和物資資源調度的管理[1]，并為其他系統提供接口。作為災害救援信息化進程的重要組成部分，災害救援系統在中國的發展相對緩慢，尤其是在軟件領域，由于救援主要依賴非商業行為，導致相關軟件稀缺。因此，開發了這款移動救援App。

“移動救援App”的創作背景源于2021年鄭州水災。在該事件中，單靠電話進行救援無法有效完成救援任務，許多受災者的信息未能被及時掌握。通過該軟件，災民可以登記個人信息，救援組織則可根據登記的信息進行高效救援。

1 可行性分析

移動救援App軟件的可行性分析主要包括：1） 技術可行性；2） 經濟可行性；3） 社會效益可行性。

1.1 技術可行性

移動救援App的核心功能包括實時災情展示、救援資源調配和通信協作。利用UniApp的前端框架和Vue.js的組件化開發，能夠構建直觀且易于操作的界面，展示災情和救援資源。同時，結合Unicloud的云函數和云數據庫，實現對救援資源的實時調配和數據管理。

采用UniApp、Unicloud和HBuilder進行App開發，顯著降低了開發和維護成本?？缙脚_開發減少了不同平臺的開發與測試工作，而Unicloud的云開發模式則有效降低了后端服務器的運維和管理成本[2]。

1.2 經濟可行性

基于Unicloud的云計算平臺，開發者可以在云中部署應用程序的后臺商業邏輯，并將其運維與管理交給云服務提供商。這種開發方式能夠減輕開發小組日后的維護工作和相關的費用，與此同時，UniApp和Unicloud的自動升級與更新，保證了App在技術上的先進性與穩定性。

1.3 社會效益可行性

救災機構可以通過移動救援App實現人員、物資的快速調配，確保救災資源的有效分配與使用，從而降低救災物資的浪費，提升救災工作的總體效率。移動救援App除了支援救災工作外，也是市民獲取相關防災減災常識及自我保護技能的主要途徑，這對于減輕災難所帶來的各種損失具有重要意義。

2 需求分析

信息登記：各類信息登記，包括受災人員的登記（災中人員和即將進入災害地帶的人員） 、災情信息和救援組織信息登記。

信息總覽：提供災中人員信息、即將進入災害地區的人員信息、登記的救援組織信息、政府應急管理機構信息，以及救援任務的進度和查詢功能。

應急救援常識與新聞：用戶可以閱讀和學習應急救援常識及相關災害信息。

論壇信息：用戶可以增加論壇信息，查看其他用戶發布的內容。

其他功能包括后臺管理模塊，對軟件的各類數據進行有效管理。

3 系統設計

3.1 客戶端應用程序設計

客戶端主要分為三大功能模塊：各類信息登記模塊、論壇模塊、信息總覽和應急救援常識與新聞。如圖1所示。

在客戶端的使用中，主要用戶包括普通用戶和組織用戶。普通用戶進入系統進行注冊和登錄后，可以進行信息登記，并查看信息總覽中的相關信息。如圖2所示。

組織用戶注冊和登錄后，可以進行信息登記，并查看信息總覽中的相關信息。如圖3所示。

3.2 后臺管理端設計

本系統的后臺管理功能包括用戶管理、重要通知信息管理、菜單管理、受災人員信息管理、救援組織信息管理、災害登記信息管理、政府機構信息管理、應急救援常識管理、災害新聞信息管理、論壇信息管理等[6-7]，可以通過增刪改查對這些信息進行相關操作。如圖4所示。

3.3 數據庫設計

下面對數據庫的邏輯結構設計進行詳細介紹。如表1至表10所示。

4 系統實現

4.1 前端應用程序實現

4.1.1 游客模式

如果用戶沒有賬號，也可以選擇不注冊和不登錄，即選擇游客模式。游客模式只能訪問論壇信息頁面，且點擊詳情或增加信息時會跳轉到登錄頁面。如圖5所示。

4.1.2 普通用戶類型

1） 普通用戶的首頁分為三大部分：信息登記、信息總覽和應急救援常識及新聞。如圖6所示。

在信息登記一欄中，用戶可以點擊受災人員登記來登記受災人員的詳情信息，點擊災害信息登記來登記一些災害的詳情信息。

在信息總覽一欄中，分為受災人員信息、救援組織信息、政府應急機構、救援任務進度和災情信息。

在應急救援常識及新聞一欄中，分為應急救援常識和災害新聞兩部分。

2） 進入論壇界面，用戶可以在此查看已經發布的論壇信息，同時也可以點擊論壇信息查看該信息的具體內容。

3） 普通用戶的“我的”頁面包括登記受災人員信息、個人信息和設置三個板塊。如圖7所示。

①點擊登記受災人員信息可以查看已登錄用戶已經登記的受災人員。

②點擊個人信息可以查看已登錄用戶的詳情信息，并且可以點擊編輯按鈕進入編輯個人信息界面。

③點擊設置可以進入設置頁面，在此可以進行一些系統權限設置和賬號安全設置等。

4.1.3 組織用戶類型

1） 組織用戶的首頁分為三大部分：信息登記、信息總覽和應急救援常識及新聞。如圖8所示。

在信息登記一欄中，分為救援組織登記和災害信息登記；在信息總覽一欄中，分為受災人員信息、災情信息、救援組織信息、政府應急機構、救援任務進度和處置救援進度；應急救援常識和新聞一欄與普通用戶相同，這里不再重復展示。

在信息總覽這一欄中，與普通用戶不同的是增加了處置救援進度的功能，點擊處置救援進度，會進入詳情頁面，在這里可以看到未救援的受災人員。點擊受災人員，可以更改該受災人員的救援狀態為未救援、救援中或已救援。

2） 進入論壇界面，此功能與普通用戶相同。

3） 組織用戶的“我的”頁面包括登記組織處理信息、組織信息和設置三個板塊。

①點擊組織處理信息可以查看已登錄用戶已經處理的受災人員。

②點擊組織信息可以查看已登錄組織用戶的詳情信息。

③點擊設置可以進入設置頁面，在此進行一些系統權限設置和賬號安全設置等。

4.2 后臺管理端實現

后臺管理端包括系統管理、重要通知信息管理、受災人員信息管理、救援組織信息管理、災害登記信息管理、政府應急機構信息管理、應急救援常識管理、災害新聞信息管理和論壇信息管理[7]。在管理端主要實現對客戶端所需信息的增加、刪除和更改功能[8]。如圖9所示，進入論壇信息管理頁面。

5 結束語

“移動救援App”的開發背景源于2021年鄭州水災，救援組織由于缺乏信息無法完成有效的救援工作。該軟件使受災者能夠通過登記信息，加快救援組織的響應速度。同時，它還滿足即將進入潛在災害區域的用戶登記需求，為未來可能發生的救援打下基礎。此外，鼓勵救援組織注冊，以提升救援的及時性與高效性。

參考文獻：

[1] 李瑩瀅. 新形勢下消防救援隊伍地震災害救援裝備物資保障研究[J]. 職業衛生與應急救援， 2024， 42（2）： 249-252，264.

[2] 鄭妍，張未名，張潤園，等.基于云開發和微信小程序的愛寵家系統[J].電腦編程技巧與維護，2023（6）：79-81.

[3] 王帥，龍坤岳，龍平，等.基于可視交互理念的概率統計教學App設計研究[J].信息與電腦（理論版），2022，34（22）：236-240.

[4] 張世宇，張孝波，李樓，等.基于微信小程序的供電服務平臺設計與應用[J].農電管理，2024（5）：55-56.

[5] 許舟洋，劉博宇.校園閑置物品捐贈和銷售平臺設計[J].現代計算機，2024，30（2）：92-97.

[6] 郭歌.基于移動終端的課程App設計與開發研究[J].電腦知識與技術，2021，17（15）：76-77.

[7] 孔令愛，胡子超.防震減災科普信息發布系統設計與實現[J].地震科學進展，2024，54（5）：346-352.

[8] 王鳳婷，高建清，林楠，等.基于uni-app的自然災害應急信息發布系統設計與實現[J].電腦編程技巧與維護，2024（4）：85-87，118.

【通聯編輯：謝媛媛】