基于微信小程序的会务接待管理系统设计与实现_江进.pdf

现代计算机Modern Computer第 28 卷 第 24 期2022年12月25日文章编号:1007-1423（2022）24-0116-05DOI:10.3969/j.issn.1007-1423.2022.24.020基于微信小程序的会务接待管理系统设计与实现江进，张翔翔（江苏农林职业技术学院，句容212400）摘要：和APP不同，微信小程序无须下载、安装，用户扫一扫即可使用，方便、快捷，加上微信庞大的用户数量，近几年微信小程序开始流行。会务接待工作的工作特点适合使用微信小程序来开发系统，阐述了微信小程序的技术特点，会务接待管理系统的系统功能、数据设计以及系统实现。关键词：微信小程序；会务接待；系统实现0引言江苏农林职业技术学院每年组织召开现代农业职教集团、中法农民培训、技能大赛等会议十余次，年接待参会人次数千人，年培训培养农民、农技人员数万人次，会议、培训接待工作现阶段仍然采用人工的方式进行管理，工作量大，不确定因素多，给工作人员和参会人员都带来了很多不便，是困扰学院相关部门的难题。目前国内一些兄弟院校采用传统的 PC 端Web网站来管理会务接待，但是随着智能手机的普及，电脑的使用率逐年下降，在移动设备上打开Web网站，手机屏幕不能从电脑版切换到手机版，文字太小点击不方便，手机用户的体验感很差1。如果为了会务接待开发一个 APP，APP 需要开发IOS和Android两个系统，开发完成后还要上传到腾讯应用宝、苹果App Store各应用市场，而会议参加人员也不大愿意因为一次会务在自己手机里安装一个APP2。2017年，微信小程序正式上线。APP需要去应用市场下载到手机用户自己安装后才能使用，下载安装耽误时间还占用客户的手机存储空间，微信小程序的优势在于程序和数据都在云端，不需要下载安装。从2017到2022年，经过五年的发展微信小程序培养了自己的客户群体，开发环境和开发者生态都已经成熟，程序员、高校学生都在学习微信小程序的开发，微信小程序应用数量超过了一百万，上亿的用户加入到了微信小程序的使用。我校在会议接待中存在会务组工作人员少、接待量大、任务繁重的问题，采用微信小程序这种新技术，开发出基于微信小程序的会务接待管理系统，扫一扫二维码，完成会务报名、接待等工作，大量减少会议主办方的工作量，提高会务接待管理的准确性，充分体现“双高”学院的管理水平3。1技术介绍1 1.1 1微信小程序框架简介微信小程序框架简介微信小程序的系统架构（见图1）由页面视图层（WebView）、逻辑层（App Service）和系统层（WeixinJsBridge）组成。页面视图层：也称为渲染层。渲染层用来渲染页面结构，主要由 Webview 进行渲染。一个小程序可以存在多个界面，所以渲染层可能存在多个WebView线程。逻辑层：逻辑层采用JSCore线程运行JS脚本。逻辑层主要用来逻辑处理、数据请求、接口调用等。系统层：在视图层和逻辑层的中间，起到中间桥梁作用，又简称为JSBridge。系统层不仅 116江进等：基于微信小程序的会务接待管理系统设计与实现第24期让视图层与逻辑层两个独立的线程可以进行通信，而且架起了上层开发与系统底层功能（Native）的桥梁，使得小程序可以通过调用 API使用原生功能，而且部分的组件使用了原生组件实现，从而有了良好的体验4。图 1微信小程序框架结构图1 1.2 2小程序云开发小程序云开发与传统的客户端、服务器端的开发方式比，微信小程序采用了云开发模式（见图2）。微信小程序前端不依赖后端提供接口，前端借助微信提供的云开发能力，基于 Node 环境，实现前端开发接口，前端调用，功能完全由前端实现5。图 2微信小程序云开发示意图微信小程序云开发有云数据库、云存储、云函数三种。云数据库由一个个集合（数据库中的表）组成，每个集合中字段类型有 string、number、boolean、null、array、object、date、geopoint等8种类型。云存储有存储管理、存储权限、存储配置和图片处理，其中的存储管理可以新建文件夹、上传文件夹、上传文件和删除等功能。云函数是在云端（服务器端）运行的函数代码，在微信小程序开发工具内编写好之后，点击右键上传并部署，既可以在云端运行6。2系统结构设计2 2.1 1系统要求系统要求基于微信小程序的会务接待管理系统，会务组发出会议通知，参会人员微信扫描会议通知上的二维码，进入小程序。在微信小程序内，查看会议简介、会议日程、到句容会议地点的交通路线、酒店住宿标准、会务费用等，还可以在小程序内登记参会人员名单、参会单位信息和住宿要求等。因此，小程序会务接待系统必须满足一定要求。2 2.2 2系统功能设计系统功能设计我院每月会举办多次会议，甚至数个会议同时进行。会务接待管理系统可以帮助会务组收集参会人员的信息，根据参加会议的不同类别，安排相应的酒店和会议场所。参会人员也可以通过扫描二维码读取小程序中的信息，获取参会地点、时间和住宿、餐饮安排。基于微信小程序的会务接待管理系统的功能结构如图3所示。图 3会务接待管理系统功能结构图（1）用户管理。无论是参加会议，还是不参加会议，都可以注册普通用户；会务组工作人员注册管理员账号；程序编写人员是超级管理员账号。（2）参会单位信息管理。会务组工作人员在系统中录入经常来我校参加会议的兄弟学校、单位的名称，会议通知发布前，会完成所有参会单位名字录入。（3）会议报名。注册用户选择自己要参加的会议并提出申请，会务组会进行审核。审核通 117现代计算机2022年过后参会人员在系统中录入自己预计到达参会地点的时间，是否需要车辆接送，预订哪家酒店、具体房间要求，还有自己的返程时间等。（4）会议签到。参会人员到达后，现场扫描二维码签到，以便会务组统计具体人数。（5）费用管理。根据参会人员报名参加会议的类型，选择的酒店及房间，以及用餐、车辆接送等，确定参会费用，以及是否需要开发票，还有发票抬头信息等。（6）会议查询。会议日程查询，讲课人同意公开的PPT课件等的下载。（7）系统维护。会务接待管理系统的数据备份、数据恢复，系统的帮助文档等。2 2.3 3系统数据库设计系统数据库设计会务接待管理系统采用了微信小程序的云开发模式。数据库是由腾讯提供的云数据库，云数据库由一个个类似于传统数据库中表的集合组成7。系统使用的集合有：用户管理信息、会议报名信息、会议日程信息、费用信息等集合。用户管理信息用来存储用户编号、身份证号码、姓名、性别、手机号码、电子邮箱、参会单位等；会议报名信息用来存储会议编号、用户编号、参会人员姓名、性别、入住酒店编号、入住酒店房间类型、随行人员数、领队电话、电子邮箱、交通工具、到达时间、离开时间等字段。会议日程信息集合主要存储会议的相关内容，包括会议名称、会议内容、会议开始结束时间等字段。用户管理信息、会议报名信息、会议日程信息集合中包含的字段和字段类型如表l表3所示。表 1用户管理信息集合字段名称user_ididentity_cardnamesexphoneemaildpet字段类型stringstringstringbooleanstringstringstring字段说明用户编号身份证号码姓名性别手机号码电子邮箱参会单位表 2会议报名信息集合字段名称conference_iduser_idname_infohotel_idroomnum_tripsphoneemailtransarrivaldepart字段类型stringstringstringbooleanstringnumberstringstringstringdatedate字段说明会议编号用户编号参会人员姓名入住酒店编号入住酒店房间类型随行人员数领队电话电子邮箱交通工具到达时间离开时间表 3会议日程字段名称conference_idconference_infoconference_conconference_telconference_schconference_date字段类型stringstringstringstringstringdate字段说明会议编号会议信息会务组联系人入住酒店编号会议日程会议日期3系统功能实现3 3.1 1首页模块首页模块首页内容主要展示会议的一些基本信息，上半部分为swiper组件，轮播会务组海报图片；画面中部的会议概况、酒店预订、会议日程、联系我们，以及会议通知都是通过 view 组件，点击相应图片，则链接到相应的页面。画面底部的“首页、关于我们、会员服务、我的”都是通过app.josn的“tabBar”来实现的，部分代码如下。首页界面效果如图4 所示。118江进等：基于微信小程序的会务接待管理系统设计与实现第24期会议概况图 4首页模块3 3.2 2会议报名模块的实现会议报名模块的实现会议报名模块，先在wxml页面里面写一个表单，在form里面添加bindsubmit的属性，下面再添加两个button，在button里面添加属性formtype，formtype有两种取值：submit和reset。在 js 代码中，使用了 ES6 中的解构函数来获取表单的数据，再添加到云数据库中。具体代码是使用db.collection（“demolist”）.add（）向云数据库中添加数据。通知公告显示效果如图5所示。btnSub（res）wx.showLoading（title：数据提交中，）varname，phone，address，room，sex=res.detail.value；console.log（name，phone，address，room，sex）db.collection（“demolist”）.add（data：name：name，phone：phone，address：address，room：room，sex：sex）.then（res=console.log（res）wx.hideLoading（success：（res）=，）图 5会议接待管理系统4结语微信用户有11亿以上，庞大的用户群体促使微信小程序已经站稳脚跟。微信小程序不需要下载APP，通过微信扫一扫就可以直接运行，方便快捷，是日趋流行的新应用模式8。相比于国内有一些专门的通用类的会议管理小程序，基于微信小程序的会议接待管理系统是项目组根据学院实际情况自行开发的，对 119现代计算机2022年于江苏农林职业技术学院的会务接待工作有实际应用价值，课题组准备在后续使用中，继续扩展该系统的功能，发挥更大的作用。参考文献：1 李霞.基于微信小程序的高校新生预报到系统设计与实现 J.微型电脑应用，2022（7）：12-15.2 周伟民，徐文涛.会议会务管理信息系统设计与实现 J.办公自动化杂志，2020，（18）：17-19.3 徐宇帆，余秋明，柴政.基于微信小程序的校园参赛平台的设计与实现 J.电脑知识与技术，2022（7）：63-66.4 孙浩天，戴坤，韩嘉熠，等.基于微信小程序的高校智慧餐饮系统研究与设计 J.网络安全技术与应用，2022（8）：41-43.5 林伟琼.社区团购快递信息管理系统设计与实现J.物联网技术，2021（12）：86-89.6 宋龙生，倪胜巧.校园失物招领微信小程序的设计与实现 J.计算机时代，2021（10）：86-89.7 朱范璇，刻子夕，贺陈玉，等.“掌上食堂”系统的研究与开发 J.电子技术与软件工程，2019（6）：56-58.8 欧阳斌，陈瑞志，冯子洋，等.基于微信的校医院师生服务小程序设计J.电脑知识与技术，2021（33）：49-52.作者简介：江进（1981），男，江苏句容人，副教授，硕士，研究方向为计算机技术张翔翔（1998），男，安徽蚌埠人，大专，研究方向为计算机技术收稿日期：2022-07-15修稿日期：2022-08-09Design and Implementation of Conference Reception ManagementSystem Based on Wechat Mini Progr