基于微信小程序的高校班务管理系统设计与实现

赵海波 梁聪

摘 要

伴随着互联网时代的到来，计算机技术的发展。人们的生活、工作方式发生了巨大的改变，引发了微信移动社交平台在社會上的巨大影响力，更刺激了人们追求更加方便快捷的生活以及工作方式。微信小程序是人们追求方便快捷工作生活方式过程的一个作品，微信小程序是一种基于微信移动端的“轻量级移动应用”，主要是它依赖微信移动客户端，使用的时候，只在微信客户端运行，不需要额外下载其他应用。以高校校园为例，平时很多事情都是通过上级到下级传达指令，然后逐级向上反馈信息的过程，学生的节假日离校去向统计，一般是通过辅导员向班上的学生发出统计信息的指令，然后学生向班委反馈信息，班委收集好信息后，整理向辅导员反馈最终的信息。利用微信小程序能更方便、快速且准确的实现这一过程。

关键词

微信小程序;班务管理系统;UI

中图分类号：  TP311.56;G647.4            文献标识码： A

DOI：10.19694/j.cnki.issn2095-2457.2020.07.091

Abstract

With the advent of the Internet era and development of computer technology，huge changes have taken place in people's lives and working methods， which has triggered the huge influence of WeChat mobile social platforms in society and stimulated people to pursue more convenient and efficient ways of living and working.WeChat Mini Program is a work of people pursuing a convenient and fast working lifestyle.WeChat Mini Program is a "lightweight mobile application" based on WeChat mobile terminal.The reason for this is that it mainly relies on WeChat mobile client.In our daily life，WeChat plays an important role in our lives.

Key Words

WeChat mini program;Management system;UI

1 现状研究与背景探索

在很多高校中，学生与教师在办公方面的互动是很普遍的，例如传统的自动化办公系统（OA）、教务管理等系统，一般情况来说，这些系统都是部署在学校内部的服务器，只有在学校指定的网络下才能进行访问，即校园局域网，对于很多学生来说，网络条件的限制，使用起来很不方便。

微信小程序使用的特点总结起来可以用两个词语概括：“方便”和“快捷”。在有限的手机内存中，人们不希望安装很多应用到手机里，微信小程序刚好提供了不需要安装的便利性，在移动网络发达的今日，使用微信小程序仅需要从互联网加载一些必要的小文件即可，从而提升用户的体验感。在大部分高校中，手机是不限制使用的。学生可以使用手机去学习、办公和娱乐。几乎每个大学生手机里都安装了一个微信APP，都有一个微信账号。

本项目就是通过小程序去实现学生与教师的办公交互，通过微信应用加载小程序，使用小程序输入自己的一些信息，通过后台服务器对数据的存储以及调用，教师以及学生都很方便的查看输入的数据。比如说学生去向信息表的收集，只需要学生通过微信小程序端的输入以及提交，数据传送到服务器的数据库中，教师可以访问数据库获得学生的数据，并从数据库中导出可视化的数据表来辅助查看班级动态。同样的，班级费用的收入与支出实现也是通过类似的手段：班费管理者将收集的费用使用数据来存入数据库，然后其他学生通过小程序访问数据库的方式，查看班费的收入以及支出的详细信息，这样就能将班费的收支情况随时供同学们查询。

微信小程序中，设置一个按钮，在按钮对应的JavaScript文件中写一个方法，通过这个方法，将包含data的request请求，发送到服务端的PHP，在微信官方开发文档中请求的方法是wx.request。PHP文件存在于服务器上，它主要的功能有连接数据库，执行SQL语句，将执行的结果返回到小程序。

2 系统的设计与开发

（1）注册登录：数据流程如图1所示。

注册时需要填写的数据有用户名和密码两个字段。微信小程序连接数据库时候，通过JavaScript文件交互连接有SSL认证的域名的服务器端，调用PHP执行数据库SQL指令的操作，并返回相对应的数据，供小程序端使用。

（2）班费收支

班费管理员将收支记录的数据，使用小程序输入并提交写入云数据库写入，普通同学请求数据库的数据，数据库返回需要的数据。设计用户数据库的时候需要设置班费管理员的权限。

（3）假期去向

教师将任务分配到各个同学，学生使用先前注册的账号登录系统，按照自己实际情况，把去向信息填写完整。数据写入数据库中，方便教师查看。

（4）系统首页：首页的设计，功能图标使用Grid布局，并且在点击的时候使用Navigator跳转相应的页面。

（5）注册与登录：登录以及注册页面使用了类似的布局，只不过二者连接的PHP不同，因此实现两种功能。注册过程，连接数据库并且判断所注册的用户名是否存在，如果存在则拒绝写入新的用户名并且返回提示用户名已经存在。点击登录时，对应的登录JavaScript文件则判断输入的账号与密码是否与数据库已经存在的账号密码相同，如果不符合，即提示账号或密码错误，如果账号密码验证成功，则写入storage缓存登录成功的数据信息，以便后面其他页面需要的时候读取，起到session的作用。

（6）登记去向：学生填写信息。其中“姓名”、“学号”两个字段会从缓存数据中读取用户名，然后从数据库获取姓名显示。“离校时间”、和“预计返校时间”是学生自己选择，把这些数据完整的交由网络传输，送到数据库并且写入。

（7）查看去向表：方便学生查看去向表的填写历史信息，根据学生的账号自动从数据库获取。列表可以显示这个账号所填写过的去向信息，点击详细可以查看更多信息以及做本次假期去向的信息的修改，提交时，数据库使用更新语句进行操作。

3 总结

本项目开发的高校班务管理系统微信小程序虽然已经完成，但是仍然是处在原型初级阶段，还需要后期的优化和完善改进。需要完善的功能主要有：小程序的后台管理，增加新模块可以直接在后台操作，而不用在微信公众平台更新推送代码。页面的优化，原型初级阶段的页面还是比较粗糙，可以利用第三方工具以及微信自身的更多UI设计方法进行优化改造。微信小程序在高校中的应用不仅仅如此，在接下来的拓展功能上，充分合理利用微信小程序的新开发技术，为高校师生的工作和生活再添便利。

参考文献

[1]张雪云，牟艳，张九博.基于微信小程序的电源监测管理系统设计[J].计算机与现代化，2017（12）：102-106+111.

[2]张嘉琳，江锋，张耀曾.基于微信小程序的师生项目管理系统设计[J].办公自动化，2018，v.23;No.373（08）：39-41.

[3]戴丽丽，朱妤.基于微信小程序的课堂考勤管理系统的设计与实现[J].电脑知识与技术，2018，v.14（19）：61-63.

[4]周满满，权朝臣.基于微信小程序的校园地图设计与开发[J].信息与电脑（理论版），2019，420（02）：135-136.

[5]安一飞，陈峰，郑企森，et al.基于微信小程序的校园一体化服务平台的设计与开发[J].电子技术与软件工程，2019，155（09）：74.