随着移动通讯业务以及信息技术的快速发展,移动端的应用 (APP)的功能越来越多样越来越受欢迎。微信、支付宝以及各大手机品牌开始着手于“小程序”“轻应用”的开发化,在信息技术较为发达、社交软件较为集中的当今社会中,使用微信小程序开发程序可以实现用户数量的快速扩增。同时,微信小程序的 mmina框架使得程序开发的效率大大提高,让开发者能够将更多的精力和时间集中在程序功能开发上,使得开发者能在相对较短的时间内开发出功能完善、界面美观的程序,并在短时间内上线供大众使用。
1开发工具
使用微信小程序开发者工具进行程序的页面逻辑编译和前端实现。小程序每个页面的编码采用HTML+CSS+JS 组合,微信开发者工具将这三种语言进行升级修改后,对应更名为WXML+ WXSS+JS其中WXML是用来描述当前页面的组成结构,WXSS 用来描述页面的显示样式,JS 通常是用来处理该页面的逻辑关系和功能实现,它控制当前页面的用户操作交互,监听并响应用户的操作,获取用户的及信息等。为简化程序开发流程,使用搭建好的 Bmob云后端实现前端和后端的数据交互、用户数据的增删改查、页面数据更换、客服聊天等功能。后端和微信小程序通过特定的 ID 进行绑定,根据微信小程序开发文档对数据库/表进行操作,用户通过小程序的任何与后端有关的操作都会记录在后端相应的数据表。
2程序设计思路
会务管理系统就是基于微信小程序开发工具平台开发的一个即时应用,让用户可以通过微信小程序搜索并直接使用该程序,方便快捷地实现会议的简要信息浏览、会议地点导航,根据用户需求实现在线报名、参展、赞助,扫码签到(报名)、定位签到以及取消报名、客服交谈等功能。为方便用户使用,不占用用户更多的资源,该会务管理系统将服务器和保存数据都存储在云端,用户只需在网络畅通的情况下,实时进行数据调用。
3 总体设计
3.1数据库设计
本程序使用后端云提供数据库服务,包括如下数据表:
用户数据表、首页轮播图表、图标 icon 表、近期会务表、会议报名统计表、赞助支持报名统计表、业务宣传报名统计表。其中,三个报名统计表的数据表结构相同,分为三个表的目的在于区分用户目的,方便后台数据库的管理。
下面列出与前端实现数据交互主要的数据表结构、主要字段及字段描述。
3.2 模块设计
会务管理小程序的功能模块主要在于会务的浏览、报名、参加赞助、参加展览、查看会务详情、地点导航、签到定位、扫码签到、扫码报名、取消参会等。
3.3用户登录、保存(修改) 设计
用户进入当前小程序的时候,就会生成针对本程序而言唯一的 openid,且不随用户删除程序而变化,相当于是该用户对本程序的唯一身份证。为避免云端数据库更新或删减导致用户加载数据错误的发生,特定在登录页面制作了 openid 判断。
分析云数据库是否有该用户的数据,如有则继续执行数据获取:如果云数据库误操作删除了该用户的数据,则会重新生成一条新的数据,用于匹配该用户已存在数据库中的其他相关数据。如果用户清除了本地缓存或删除了本程序导致本地缓存没有 openid,则会将值写入本地缓存,重新匹配云数据库中的关联数据。由此实现用户的唯一性及用户数据的安全性。
3.4用户报名参与设计
用户报名参与,会出现 3 个入口,即:报名参与、业务宣传、赞助支持。这3 个入口通过绑定点击事件的自定义参数,同时传递当前点击项目的值进行传参跳转到报名页面,当前页面会根据当前会务需要收集的信息进行判断,从而收集对应的信息。例:若会务需要收集参会者的身份证号码,报名页面就会显示出填写身份证的输入框:若不需要收集,则不显示。
3.5用户扫描二维码设计
当页面监听到用户点击“扫码签到”按钮时,首先调用微信的开启扫码摄像 API接口,获取被扫描二维码的值,然后通过查询对应数据表跳转到资料提交页面,进行会议的报名等操作。
3.6会务管理页面设计
此页面是整个小程序的入口页面,用户进入程序后从后台获取与用户相关的数据进行数据更新,并相应用户点击事件,显示在对应的栏目中。为了保证数据的时效性,即:用户在其他页面报名后,回到会务管理页面时能见到刚才提交的数据。因此必须在当前页面做刷新,监听用户当前页面,一旦此页面显示,立即刷新当前页面进行数据更新。
为了优化用户体验,增加用户的自由度,用户可以在此页面进行已报名会务的取消参会查看会议流程。此处应用到的前端功能实现将于详细设计中体现。数据更新,则是通过获取用户当前点击项目的数据ID,链接后台数据库进行数据删除,达到取消参会的功能。当用户取消参会时,也会在该会议的参会人数中进行人数统计的更新。
出处 电脑知识与技术:学术版
原标题 基于微信平台的会务管理系统小程序开发I
作者 巫港 魏小琴
参考资料
https://www.hooketech.com/wechat-mini-program-developmen.html