基于云开发的漫展志愿者服务管理微信小程序的设计与实现

赖圣全 张学林

作者简介：赖圣全（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