基于微信小程序的课堂考勤管理系统

基于微信小程序的课堂考勤管理系统随着互联网时代的发展与进步，课堂不再拘泥于现实，课堂管理也可以通过互联网来进行。通过对市场行情的调查，对于独立存在的手机APP来说，单单用来管理课堂未免成本过高，而且也过于繁琐。针对这一现象，现下最为流行的微信小程序，正可以弥补APP的缺陷。

本篇文章以微信小程序为基础，设计和研发了一个基于微信端的课堂考勤管理系统，包含一个用Java设计的管理员服务端web页面并使用MySQL数据库来储存后台数据。该系统的功能主要是围绕管理员、教师、学生三类用户设计，其主要功能包括：考勤信息的统计管理功能；课程创立，课程相关作业的布置与考勤功能；课程的选报，请假签到与提交作业功能。

随着社会信息化的进程，高校校园信息化也在逐步的完善中，为了有效的利用互联网进行高效的信息管理，类似于教务管理系统、招生就业系统、校园信息网站等等在高校如雨后春竹般涌现出来，给学生、教师都带来了不少生活与学习上的便利。为了促进校园信息化与课堂考勤相结合，微信小程序端的课堂考勤管理系统由此诞生。

微信小程序，简称小程序，英文名Mini Program，是一种立即应用且不用安装下载即刻使用的应用程序[2]，它实现了用户对手机应用“触手可及（Available at your fingertips）”的愿望，用户只需要通过微信扫一扫功能或者在微信提供的小程序端口搜索一下，即可打开所需要的应用，来实现小程序使用。

在这个信息化迅速发展的时代，给高校学生授课仍然使用以教师上课点名为主的考勤措施，学生交作业需要通过手写作业本后上课提交给老师，学生请假需要递交申请给辅导员批准，这种模式在高校中有着不小的弊端：

一、学生请假对任课老师不透明，请假都通过辅导员要不是任课老师。

二、学生对自己的每门课的考勤情况不够了解，学校也不能把握每个学生的考勤情况。

三、课堂点名浪费时间，特别是人多的大课，点名一次要花5到10分钟。

因此，在当代大学生每人都有自己微信的现状之下，微信小程序端的课堂考勤管理系统完美解决了上述弊端。

小程序诞生于腾讯的战略发展背景，同时扮演腾讯链接，工具和开发生态平台这三个角色，渗透进腾讯的民生政务，生活消费，生产服务，生命健康，生态环保等多个领域。小程序的优点正如它的名字一样，就是“小”，即用即来，关闭即走，不会占用用户过多的内容[3]，无需下载，极大程度地降低了用户的使用成本，实现了用户与用户，用户与企业，用户与物之间高效快速的链接。

利用小程序处理教师端与学生端的交互关系，利用服务端web页面来管理考勤信息数据，两者相结合完成课堂考勤管理系统。

本系统开发使用微信开发者工具，在微信平台上，开发了一个基于B/S模式下的微信课堂考勤管理系统。

一、实现用户注册与登录功能

二、能够完成考勤签到的基本操作

三、实现考勤信息的数据处理，增删减查。

四、系统操作简单，界面简洁美观。

五、具备良好的安全性能与数据准确性。

本文详细阐述了系统的开发流程如下：

考勤系统的需求分析与学生现实考勤的方方面面有关，其中包括学生与教师的用户注册与登录，教师课程的发起与学生课程的选择，教师签到发起与学生签到的接收与实现，还有后台信息的统计与显示问题。

系统设计主要根据需求分析得出的结论并结合研究参考文献获取到的相关资料，对系统进行详细的设计，例如前端页面的设计、具体功能的设计等。

在完成对系统的详细设计后，便可开始着手对系统的开发。当然在开发之前我们还需要进一步整合开发过程中使用到的技术，例如基于微信小程序开发工具的WXML、WXSS和WXS，微信为小程序提供的相应接口，Java语言和MVC框架等。

为了确保系统的可用性，系统测试必不可少。在不同的手机系统下，不同的使用条件下测试系统，通过仿真测试来改良系统，才能得到一个稳定可用的系统。

2.1 微信端开发介绍

2.1.1 微信开发者工具

微信开发者工具的设计理念是让用户能够用最简易的方式开发出和普通App使用感无差的应用。为了满足这一需求，小程序为开发者提供了一套独树一帜的可视化图层描述语言——WXML和WXSS。当然一个应用只有静态的页面仅供用户查看是不足够的，最重要的还是和用户之间的交互，例如对用户的点击做出响应，获取用户当前的状态、地理位置、提交用户的请求等等。在小程序中，对这一需求的满足和普通应用的开发类似，同样通过编写 JS 脚本来对用户的操作进行处理。同时小程序还提供了一套独立的脚本语言——WXS，它所提供的微信小程序独有的可视化图层与逻辑控制层中数据传输与事件触发机制，可以便于开发者实时感受到与用户一致的体验，方便开发者把主要的精力投入到逻辑控制和数据传输上。在微信开发者工具中，提供的最关键的一点就是一个反应速度极快，响应极其迅速的数据绑定系统。此系统分为逻辑层与控制层，可以使数据与视图之间类似MVVM框架一般，保持同步作用，即实现了数据的双向绑定，用户在修改数据时，反馈到逻辑层的修改也会同时在视图层中相应做出反馈。

类似于JAVA语言，微信在开发者工具中同样也提供了很多API组件，给予了开发者方便快捷的查询，赋予了开发者调用能力。通过简单地调用这些方法，开发者能够完成一些复杂而又繁琐的功能，

2.1.2 视图与逻辑层

相比较逻辑层而言，视图层可能更能为普通用户理解，它即是用户在使用过程中所接触到的页面。微信小程序的视图层由WXML(用来描述页面的结构的)语言和WXSS(用于页面的样式的语言)来编写。它将逻辑层传输过来的数据通过视图反映给用户，同时将视图层发生的来自用户交互产生的事件发送给逻辑层。除此之外，微信小程序中的WXS是它自带的脚本语言，它可以和WXML一起，构建和完善页面结构。而组件则是构成视图成的基本元素。将开发组件化也是当前前端开发技术中越来越流行的一种方法。

逻辑层是小程序开发中尤为重要的一环，它实现了应用和用户之间的交互动作。小程序逻辑层的编写语言类似普通web应用和移动应用所使用的JavaScript。开发者通常在逻辑层来对数据进行处理和打包，然后传输给视图层以此来展现用户所需要获得的数据，同时接收来自视图层中的用户的反馈，并进行处理，从而形成一种循环。