基于云開發的漫展志愿者服務管理微信小程序的設計與實現

賴圣全 張學林

作者簡介：賴圣全（2000— ），男，江西贛州人，本科生；研究方向：軟件設計與開發。

摘要：隨著經濟的發展，人們愈來愈熱衷于參與志愿服務活動，志愿服務的規模也在日益擴大，文章對社會中實際運營的漫展志愿者服務展開分析，研究漫展志愿者活動的管理與志愿者的參與之間協調的情況，并在此基礎上開發設計一款軟件系統。文章詳細描述搭建漫展志愿者服務管理系統采用的方式及涉及的相關技術，為漫展志愿者與志愿組織提供一個便利的交互平臺。該平臺采用微信小程序云開發MINA技術以及Cloud Base實現，通過微信小程序開發工具云開發控制臺1.4.76版本進行管理。

關鍵詞：漫展志愿服務；云開發；微信小程序

中圖分類號：TP319 文獻標志碼：A

0 引言

如今，大量的數據需要被管理，各行各業為了適應數字信息發展，不斷推動信息電子化。當前，已經存在的志愿者服務管理系統的種類并不多［1］，甚至有些漫展志愿者服務仍然依靠紙質方式記錄，如此一來，隨著數據量的不斷增多將不利于信息管理。

1 系統需求分析

志愿者功能需求包括參加漫展志愿者活動的志愿者，需要被記錄信息有：姓名、性別、職業、健康情況、手機號碼、電子郵箱、住址、工作單位等［2］，用戶在第一次使用時，需要注冊并與微信賬號綁定，完成對用戶信息的記錄。已注冊的用戶登錄后可以選擇加入志愿者活動，系統將記錄志愿者參加的活動信息［3］ 。

漫展志愿組織需求包括漫展志愿組織進入小程序后，可以發布志愿者活動，發布志愿者招募的要求、設置志愿者活動開始到結束的時間，設置志愿者可選擇參加活動的時間段，設置志愿者活動結束后是否需要提交日志［4］。

當即將舉辦的漫展發布志愿者活動時，招募志愿者的活動會發布通知，志愿者可以通過系統查看具體要求、場地、志愿者活動內容等信息，且點擊申請參加即可提交申請。

2 系統設計

2.1 系統設計目標

當前，國內與志愿者服務管理系統相關的軟件系統類型屈指可數，專門用于漫展志愿者服務的管理系統暫未出現，參照已有的志愿者服務管理系統，大多是網站形式。從界面上來看，樣式設計美觀度往往一般，且手機進入網站操作十分不便。因此，本項目的目標設定主要為以下幾點：（1）實現志愿者申請漫展志愿活動的便捷；（2）實現志愿活動參與成功時發送消息提醒志愿者；（3）實現數據信息的規范化與結構化；（4）適應現代化信息社會的需求，制作微信小程序方式的志愿者服務管理系統。

2.2 系統結構設計

系統結構包括：持久層、業務層、表現層，如圖1所示。

（1）持久層。從數據庫中訪問數據、存儲數據，將用戶通過表現層進行的操作請求，經業務層轉發后通過持久層訪問漫展志愿者服務管理系統數據庫獲得指定的數據字段，保證數據的正常查詢、寫入等操作。

（2）業務層。在持久層的基礎支持上，對漫展志愿者服務管理系統設計實現具體的應用功能，主要包括志愿者信息管理、志愿活動管理、志愿知識宣傳、活動記錄管理、動態討論等。

（3）表現層。不同身份的使用者能夠利用漫展志愿者服務管理系統小程序進行一系列具體操作。

2.3 系統功能設計

本系統用戶角色主要分為管理員、志愿者以及志愿組織。管理員主要管理各類用戶、公告發布及知識宣傳等；志愿者完善個人信息、參加志愿活動、參與動態討論等；志愿組織則處理與志愿活動相關的業務流程，如發布志愿活動、審核申請參加志愿活動的志愿者、修改志愿組織信息、發布志愿活動通知等，系統功能模塊如圖2所示。

2.4 系統數據庫設計

該系統采用微信小程序云開發中的云開發數據庫作為后臺數據庫。經過需求分析的調查，設計的數據庫表主要有user，admin，sponsor，volunteerActivity，discussion等其他數據庫表，部分E-R圖設計如圖3—4所示。

3 系統實現

本系統開發語言為JavaScript，使用微信小程序開發者工具，采用微信小程序云開發，使用MINA框架，該技術脫離傳統方式中自己架設服務器，由云開發平臺直接提供所需的功能和相應的存儲，使用時僅須部署，除去了繁雜的機制。云開發數據庫及存儲通過云開發控制臺1.4.76控制管理［5］，經過需求分析和系統設計后，結合漫展志愿活動設計整個系統框架［6］，接下來敘述開發步驟。

3.1 申請參加漫展志愿活動模塊實現

在創建項目后首先需要添加小程序云開發要使用的初始化，確保每個頁面都能夠直接使用云開發的各項功能，需要在項目的app.js文件中寫入以下代碼進行初始化：

wx.cloud.init（{

traceUser：true，}）

隨后創建新的頁面，新建page并為該頁面命名，將會自動創建包含四種后綴的文件.js，.json，.wxml以及.wxss，漫展志愿活動頁面的設計在wxml中進行基本布局，并在wxss中創建樣式對頁面進行美化。

志愿者點擊底部菜單欄的首頁后進入首頁頁面，選擇其中一項已發布的漫展志愿活動，點擊后進入該活動的詳情頁面，頁面最下端點擊【我要申請志愿者】后彈出提示“是否確定申請志愿者”，點擊【確定】后即可申請成功，如圖5所示。

申請參加志愿活動核心代碼如下：

wx.cloud.database（）

.collection（"participateActivity"）

.add（{

data：{

username：volID，

name：this.data.user.name，

aid：this.data.id，

state：'0'，

activityName：this.data.actList.activityName，

organizationName：this.data.releList.organizationName，

place：this.data.actList.place

}

}）

this.setData（{ flag：1 }）

console.log（this.data.flag）

3.2 動態模塊實現

動態模塊頁面需要使用到頁面下拉刷新的功能：首先，在小程序工具中對全局頁面進行設置的app.json文件開啟下拉刷新功能將enablePullDownRefresh調整為true；其次，需要在.js頁面中加入onPullDownRefresh函數，并在其中重新調用顯示頁面的onLoad（）即可。

用戶授權信息進入小程序，并成功登錄后，點擊 底部菜單的動態跳轉至動態頁面，動態頁面中包括頂部搜索框、動態內容輸入框、發布按鈕以及下方用戶動態討論區，向下滑動屏幕可查看發布動態討論的用戶評論。

4 結語

本系統經過測試后能夠正常運行使用，測試過程中最終結果與預期結果一致。用戶進入小程序授權后可進行注冊與登錄或查看小程序首頁。

本系統適用于漫展志愿者活動，活動的發布與志愿者參加活動均能達到基本要求，采用的微信小程序云開發也使得系統開發及使用方便快捷。

參考文獻

［1］劉朝東．淺析“互聯網+”視域下的博物館志愿者管理——以常州博物館為例［J］．常州文博論叢，2020（1）：16-20.

［2］湯佳，沈杏華，郭迎．志愿者檔案管理信息化初探［J］．江蘇衛生事業管理，2012（6）：215.

［3］良警宇．中國文化志愿服務發展報告［M］．北京：社會科學文獻出版社，2018.

［4］鄭立華．大連市社區志愿服務組織發展的問題研究［D］．大連：東北財經大學，2017.

［5］文馨，朱思曼，廖香芝．基于微信小程序的學習平臺研究［J］．家庭科技，2021（1）：14-15.

［6］許昕，葉晟澄，陳家樂，等．基于Vue.js的志愿者監控管理系統的實現［J］．電子制作，2021（16）：42-44.

（編輯 姚 鑫）

Abstract： With the development of the economy， people are becoming more and more enthusiastic about participating in volunteer service activities， and the scale of volunteer service is also expanding. This article analyzes the actual operation of volunteer services in Animation Comic Game Novel（ACGN） exhibition in society， studies the coordination between the management of volunteer activities in ACGN exhibition and the participation of volunteers， and develops and designs a software system based on this. The article provides a detailed description of the methods and related technologies used to build the ACGN exhibition Volunteer Service Management System， providing a convenient interaction platform for ACGN exhibition volunteers and volunteer organizations. It uses the WeChat mini program cloud development MINA technology and Cloud Base implementation， and is managed through the WeChat mini program development tool cloud development console version 1.4.76.

Key words： ACGN exhibition voluntary service; cloud base; WeChat mini program