基于微信小程序的救災救助信息管理系統設計與實現

劉建橋 陳艷* 唐世勇 劉帥

（湖北大學知行學院，湖北武漢 430011）

1 概述

近年來，受全球氣候變暖影響，出現越來越多的極端惡劣氣候，導致地質災害頻繁爆發，給人民群眾帶來嚴重損失，使得政府及民眾愈發重視災害發生的預防和救治工作。由于災害的突發性，在救援行動中涉及眾多部門，各部門建立的信息體系較為混亂，且不能及時有效共享；二是災情信息獲取準確性不高，無法具體明確救助者真實救助信息，容易導致救災過程中救援力量和救援物資分配不均衡。[1-2]

本團隊成員調研發現當前傳統救災設施設備功能相對單一，發展更新較慢，沒有信息溝通設施，無法實現精準救助，救助效率低下。基于此，我們借助現代信息化技術，利用微信開發者工具開發一款以帳篷為基本單元格，對救助對象、救助信息等各方資訊的上報和反饋的實用小程序，實現信息互通，提高救災精準度，給救援工作提供便利，以期實現提升救災效率和質量。

微信開發者工具集成了開發調試、代碼編輯及程序發布等功能，幫助開發者簡單和高效地開發微信小程序[3]，使之具有體量輕小，無需安裝、卸載，觸手可及、用完即走的技術創新特點，越來越多地被應用于不同場景中。小程序開發主要用到WXML語言、WXSS 樣式、JS 邏輯交互等前端知識，后臺數據運用微信開發者工具的“云開發”功能，在云數據庫中對數據進行操作，實現界面技術[4]。

2 救災救助信息管理系統設計

2.1 信息管理系統功能分析與設計

在救災救助信息管理系統設計方面，以救災現場單個帳篷作為基本網格單元，基于信息通訊需求，實現帳篷內部救助人員信息上報與后臺統計、救援物資需求上報與后臺統計、緊急信息上報與后臺反饋、后臺志愿服務訊息發布及前臺申請、接收救災實時信息、心理健康疏導等功能，做到單帳篷救災信息與救災指揮部的精準互通，提高救助時效性，滿足救助者的物質需求、心理需求和精神需求等。

系統設計包含管理員端和用戶端，用于信息的發布、上報、查看和統計查詢等。

系統用戶端設置四大模塊，分別是“新聞通知”、“信息提交”、“我的帳篷”和“我的”。用戶可在“新聞通知”頁面可查看受災地區災情信息、緊急通知、辟謠信息、物資發放、心理疏導等信息，也可通過“信息提交”頁面提交本人的基本信息及必要的需求信息上報，方便管理人員統計管理。在“我的帳篷”頁面，用戶可查看自己所在帳篷人員的一些基本信息。在“我的”頁面，用戶可以進行“志愿者申請”成為志愿者，根據管理員分配的志愿服務項目任務為災區救援和人們的生活貢獻自己的力量；用戶也可以點擊“失物招領”，可發布用戶撿到的或丟失的物品。如果缺少一些基本生活物資，或需要接受心理咨詢等可通過此處“信息反饋”或“信息提交”頁面提交申請。系統用戶端設計基本框架如圖1 所示。

圖1 系統用戶端設計基本框架圖

在系統“我的”頁面設置“管理員登陸”接口，將系統管理員端嵌入到用戶端頁面，可以實現用戶端和管理員端共用同一系統，減少獨立開發管理員端的系統，合二為一，提高系統適用性和融合性。為防止用戶誤登入管理員端，在系統設置管理員登陸專用賬號和登陸密碼即可。

系統管理員端主要分為“新聞管理”、“志愿者管理”、“物資管理”、“帳篷人員管理”等板塊。“新聞管理”可實現災情緊急通知、辟謠專區、災情信息、物資發放、心理疏導等信息的發布，發布內容將在“新聞通知”界面以模塊化界面顯示。“志愿者管理”可發布志愿者招募信息，可對提交申請的人員進行志愿工作的分配。“物資管理”可查看受災人員提交的需求申請，及時予以反饋。“帳篷人員管理”可查看受災人員信息，對受災人員進行網格化管理。系統管理員端設計基本框架圖如圖2 所示。

圖2 系統管理員端設計基本框架圖

2.2 系統模塊功能實現

微信開發者工具使用流程為點擊新建項目，輸入項目名稱，AppID 等信息，確認即可進入開發頁面。在開發者頁面app.json中配置各個項目文件，在pages 文件夾中為每個頁面建立文件夾，在子文件中編寫對應頁面的代碼，點擊編譯在左側模擬器中可查看效果，可以根據展示效果對代碼進行補充和修改。

2.2.1 用戶端模塊設計

2.2.1.1 總體設計

根據圖1 布局，本小程序設計四個主要模塊頁面，即“新聞通知”、“信息提交”、“我的帳篷”和“我的”，在底部導航欄予以顯示（如圖3 所示），需首先完成app.json 中的設置，其核心代碼為

2.2.1.2“新聞通知”模塊的實現

該部分模塊內容主要調取管理員端發布的相關數據，實現前端顯示，頂部導航欄包含“緊急通知”“辟謠專區”等5 個單元。以“緊急通知”為例，界面如圖3 所示，前端顯示新聞標題、圖片、正文內容、發布時間以及消息來源，用戶可以實時瀏覽管理員端發布的最新通知詳情內容，其相關核心代碼為

圖3“緊急通知”界面

圖4“信息提交”界面

圖5“我的”界面

圖6“失物招領”界面

2.2.1.4“我的帳篷”模塊的實現

該模塊內容顯示單帳篷內各成員基本情況，方便相互了解情況，有助于互幫互助，數據內容主要調取后臺從“信息提交”頁面獲得的數據，根據相關設定，展現基本關鍵信息，其實現的核心代碼為

2.2.1.5“我的”模塊的實現

該模塊內容主要以個人事務性行為相關的信息收集為單元（管理員登陸除外），其界面如圖5 所示，方便開展行為信息交流，包括發布失物招領、志愿活動申請、信息反饋等，加強不同帳篷單元內救助者之間的互幫互助，以失物招領為例，用戶可以點擊頁面發布按鈕以文字或圖片形式發布撿到的物品或丟失的物品內容，發布成功后可在撿到物品界面以及丟失物品界面予以展示，并可對物品信息狀態予以更新展示，界面如圖6 所示。該模塊主要實現形式主要同信息提交模塊相似，此處不再贅述。

2.2.2 管理員端模塊設計

在上文已述，管理員端登陸接口嵌在用戶端“我的”模塊之下，管理員通過此處進行信息數據的發布與管理，為避免普通用戶誤入，特在系統設置管理員賬戶及密碼，需通過校驗后予以登陸，登陸成功后，顯示管理員頁面，界面如圖7 所示。頂部顯示歡迎圖片，主體部分是4 個模塊的入口，采用不同顏色進行渲染，包含新聞管理，志愿者管理，需求統計和帳篷人員管理。

圖7 管理員操作界面

新聞管理模塊主要實現后臺發布數據內容，管理員以文字、圖片等形式上傳后，在前端顯示給救助者用戶有關新聞通知類，管理員點擊新聞發布按鈕按界面圖顯示步驟操作即可完成各類信息發布，亦可對已發布資訊進行刪除操作，單擊已發布文檔即可進行操作。

志愿者管理模塊為管理員根據需求按類別發布具體服務內容，并根據志愿者申請填報信息可對志愿申請進行統籌安排，并下發具體安排信息至申請者前端，實現志愿服務信息互通。帳篷人員管理模塊主要是對用戶端救助者進行信息提交后，管理員在后臺根據實際管理需求，按一定條件對數據進行統計管理，可用于服務管理者進行動態決策管理，界面如圖8 所示。需求統計模塊主要是對用戶端救助者進行需求信息提交后，管理員在后臺按類別對數據進行統計管理，界面實現如圖9 所示。

圖8 帳篷人員管理搜索界面

圖9 需求統計界面

3 結論

本文以救災救助為應用場景，利用JavaScript + WXSS +WXML 等界面實現技術，完成了一種基于小程序的救災救助信息管理系統設計與實現，構筑了應急救災事故現場信息的社會化采集渠道，為應急管理部門或救災指揮部快速獲取現場情況提供精準信息，同時設計有發布信息的功能，可為受災群眾及時了解災情信息提供便利。

小程序頁面人性化設置，操作流程簡單，功能實用，可以很好實現信息互通，提高救災精準度，極大程度上減少救災人員的工作量，提高了救災人員的工作效率，同時方便了受災人員的妥善安置，提升救災效率和質量，給災后救援工作提供便利，保障受災群眾的切身利益，具有較好的實用性，實現以人為本。同時本系統可以搭載在各救災設施運用場景，使之在智能化與多功能化方面有較大突破，在救災領域有很好的運用市場，具備極高的市場推廣價值，同時為救災產品的設計提供新的指導方向。