第20卷第2期2021年4月
N.2Vol.20
Apr.2021北京工业职业技术学院学报
JOURNAL OF BEIJING POLYTECHNIC COLLEGE
基于小程序的校园公共场所
访问登记系统的设计与实现
孙洪迪贾民政杨民峰
(北京工业职业技术学院电气与信息工程学院，北京100042)
摘要：针对目前学生进出校园公共场所，只进行人员数量记录和时间记录，且该信息不能实时被学生管理人员查询、统计等问题，结合现代化信息手段，设计一款基于小程序的校园公共场所访问登记系统。该系统具有学生进出学校公共区域登记、上课签到、晚间宿舍归寝签到功能，任课教师查询统计学生上课签到功能，班主任实时查询统计班级学生上课签到、晚间宿舍归寝功能，方便教师对学生上课考勤查询统
计和晚间寝室归寝管理。结果表明：该系统操作便捷，能够满足校园公共场所的访问登记需求和学生管理人员对学生信息统计的管理需求。
关键词：；小程序；考勤；归寝
中图分类号：TP311.1文献标识码:A文章编号：1671-6558(2021)02-24-06
DOI：10.3969/j.issn.1671-6558.2021.02.006
Design and Implementation of Campus Public Places Access
Registration System Based on WeChat Small Program
SUN Hongdi JIA Minzheng YANG Minfeng
(School of Electrical and Information Engineering，Beijing Polytechnic College，Beijing100042，China)
Abstract：In view of the problem that students only record the number of personnel and time when they go in and out of campus public places，and the information can not be queried and counted by st
udent management personnel in re­al time，combined with modern information means，a campus public place access registration system based on We-Chat applet is designed.The system has the functions of students7registration in and out of the school public area, class attendance,and dormitory attendance at night.Teachers can query and count students7attendance at class.The class teacher can query and count students7attendance at class and dormitory attendance at night in real time.It is con­venient for teachers to query and count students attendance at class and manage dormitory attendance at night.The re­sults show that：the system is easy to operate，and can meet the needs of campus public places access registration and student management personnel for student information statistics management.
Key words：WeChat;small program;attendance;dormitory attendance at night
收稿日期：2021-03-15
基金项目：北京市教育委员会科研计划资助项目(KM201910853003)；北京市职业院校教师素质提升计划资助项目(107602020)；2020年北京工业职业技术学院科研课题(BGY2020KY—17)。
作者简介：孙洪迪(1982—)，女，山东高密人，讲师，工程硕士，研究方向为计算机网络技术、云计算技术等。
第2期孙洪迪，等：基于小程序的校园公共场所访问登记系统的设计与实现
25
0 引言
随着智能手机的普及，已经成为人们生活 中使用频率最高的APP 之一。智研咨询发布的
《2020—2026年中国行业市场经营风险
及投资战略规划分析报告》显示：从2011年开始持 续使用到今年的月活跃用户数量已经突破了 11亿，全国14亿人口，月活跃用户就达到了 11
亿，是中国用户量最大的APP ［l ］o  2017年1月9
日，张小龙在2017公开课Pro 上发布的小
程序正式上线。小程序是小程序的一种，英文
名为Wechat  Mini  Program ，是一种不需要下载安装
即可使用的应用，它实现了应用“触手可及”的梦 想，用户扫一扫或搜一下即可打开应用［2］，避免了
APP 繁琐的下载注册等诸多不便，真正做到了用完
即走的理念，用户不用担心手机安装过多的软件，以
及内存占用问题。
目前高校校园里，每位师生都在使用智能手机
和。小程序在校园中也得到广泛使用，如 微课堂［3］、宿舍查寝⑷、校园服务［5］、考勤签
到［6一10］。目前学生使用的今日校园APP 只有公共
场所登记的功能，教师使用的学习通等APP 可以完
成学生上课签到功能，但没有记录学生进出校园公
共场所的登记功能，班主任也不能通过这些APP 实
时查询学生上课签到情况。针对这种情况，笔者设 计一款“校园公共场所访问登记系统”，该系统可以 提供学生进出校园公共场所登记、上课签到、晚间宿
舍归寝签到的功能，任课教师可以查询统计学生上
课签到情况，班主任可以查询统计学生上课出勤和 晚间宿舍归寝情况。
1校园公共场访问登记系统的设计
1.1系统架构分析
为了让用户拥有良好的体验同时使系统开发高
效和便捷，该系统采用小程序原生框架进行编 写：服务器采用PHP 编写，功能主要是对数据进行
存储、加工，处理后反馈给客户端进行展示；客户端 视图层则由小程序自带的WXML 与WXSS  2
种语言编写，功能主要是将数据展示在界面上。使 用MySQL 数据库，数据库包括10张数据表。该系
统功能的实现及具体算法如下：
（1）通过网页版坐标拾取器获取各个标注地点
的经纬度坐标，并匹配相应地点的名称和描述，将其
打包存入js 文件中；（2）结合腾讯地图API 采用轮 询调用wx. getLocation （）方法完成对用户个人定位;
（3）利用marker 组件，在用户界面中展示地图上标
记的位置，完成签到功能。1.1.1系统功能框架
该系统实现的主要功能包括：（1）学生根据地
理位置，完成出入校园公共场所登记、上课签到、晚
间宿舍归寝签到，查询统计自己上课签到的历史信 息和晚间宿舍归寝签到的历史信息；（2）班主任实
时查看学生上课签到信息、晚间宿舍归寝信息，查询
统计学生上课签到历史信息和晚间宿舍归寝签到历
史信息；（3）任课教师实时查询授课班级学生上课
签到情况，查询统计所教授课程学生的上课签到历
史信息；（4）楼宇管理员实时查询当前楼宇内的学 生人数和学生信息，以及学生出入楼宇的历史信息。
该系统实现的功能如图 1 所示。
校园公共场所访问登记系统
学生
系统管理员
添加各类用户信息
添加班级信息添加课程信息
查询楼宇学生登记信息查询学生实时签到信息
查询学生实时归幫息
查询学生历史签到信息
查询学生历史归脣息查询授课班级学生实时签到信息查询授课班级学生历史
签到信息完成上课签到完成归寝签到
查询自己历史签到信息查询自己历史归簷息
图1校园公共区域访问登记系统功能结构图
26
北京工业职业技术学院学报第20卷
1.1.2系统管理员操作界面
系统管理员负责对数据库信息进行更新维护,
其操作界面如图2所示。
上传
banzhuren.xls
上传赃砂
shoukejiaoshi.xls
任艇师超虾载
上傅壬醛师表
xuesheng.xls
学務趣下载
上辞生表
jiaoxuelouguanliyuan.xls
上员表banjibiao.xls
上传班级表
莉件
下载模板
图2系统管理员操作界面
jiaoshisushe.xls
shangkebiao.xls
上传上课表
1.2系统数据库设计
根据该系统的实际需求，使用MySQL 数据库。数
据库包括10张数据表，数据表具体信息如表1所示。
理员模块系统流程图如图3所示。
图3楼宇管理员模块系统流程图
2.1.2 界面设计
楼宇管理员可以查询进入自己所负责楼宇的学
生信息。查询方式包括：查询当前时刻楼宇内学生
信息以及进入楼宇学生的历史记录。 可以查询的信
息包括：学生姓名、班级和签到时间。楼宇管理员查 询界面如图4所示。
16：15
・"令叵｝
<
Sign  In  System  ・••
®
表1数据表统计表
序号 数据库表名称
内容
1 系统管理员表
2 楼宇管理员表3
班主任表手机登陆界面设计
4 任课教师表
5 学生信息表
6 班级信息表
7 课程信息表8
教室/宿舍楼信息表
编号、用户名、密码编号、用户名、密码
编号、用户名、昵称、工号、注册信息 编号、用户名、昵称、工号、注册信息 编号、用户名、昵称、学号、班级编号、 宿舍编号、注册信息
编号、班级名称、班主任编号编号、课程名称、任课教师编号 编号、班级/宿舍名称、地图坐标、楼 宇管理员编号
姓名
宿管员1
教学楼善技楼
9 上课时间表
10
签到表
签到主键、学生编号、楼宇管理员编号、
是否在签到范围内、上课时间编号
记录学生上课签到和晚间宿舍归寝
签到信息
当前
历史
学生姓名
班级
签到时间
胡* *
网络2031
2021-03-15 21:35:17
网络2031
2021-03-15 22:03:56周* *
网络2031
2021-03-15 20:45:12隗* *
网络2031
2021-03-15 19:45:58俸**
网络2031
2021-03-15 21:24:07
毛* *
网络20312021-03-15 20:19:41董**网络2031
2021-03-15 21:34:22张* *网络2031
2021-03-15 20:07:33
董* *
网络2031
2021-03-15 19:58:16
图4楼宇管理员查询界面
2校园公共场所访问登记系统的实现
2.1楼宇管理员模块
楼宇管理员通过学生签到来统计当前楼宇内学
生数量以及学生相关信息。
2.1.1流程分析
楼宇管理员可以对所管理的楼宇进行实时的信
息查询，也可以查询楼宇的历史登记记录。楼宇管
2.1.3关键函数实现
//获得楼宇的签到情况
function  getBuildingCheckin  ( $ buildingName)
j
$ checkTime  = $ this  - > getTime()；
$ roomList  = $ this  - > DBUtils  - > que-
ry("
buildings"
第2期孙洪迪，等：基于小程序的校园公共场所访问登记系统的设计与实现27
,array("buildingadministrator_id","
name")
,array($this一>classroomAdministrator
[0]["id"],$buildingName)
,array("id","location"))；
$len二count($roomList)；
}
2.2班主任模块
班主任登录该系统可以实时查询自己班级学生
上课出勤情况及晚间宿舍归寝情况。班主任登录系
统后，显示自己名下所带班级列表。选择要查询班级
后，显示当前班级的课程列表，以课程为单位显示班
级学生签到情况。晚间宿舍归寝也被规定成一门课
程，呈现在课程列表里。学生根据课程安排，在规定
时间和地点上课，课堂上即可完成签到。晚间宿舍归
寝，每天晚间设定一个固定时间段，学生在宿舍内及
规定时间内完成签到，既完成晚间宿舍归寝签到。该
系统方便班主任实时查询统计学生的签到信息，第一
时间掌握学生出勤情况。同时班主任还可以查询学
生签到的历史信息，方便班主任的管理工作。
2.2.1流程分析
班主任可以实时查询、统计学生上课签到和晚
间宿舍归寝签到的信息及历史签到信息。班主任模
块系统流程图如图5所示。
登陆
V V V V
查询班级学查询统计班查询班级学查询统计班
生上课实时级学生上课生归寝实时级学生归寝
签到信息历史签到信
息签到信息历史签到信
息
显示结果
(结束)
图5班主任模块系统流程图
2.2.2界面设计
班主任可以查询自己班学生上课签到情况，如图6所示。
11：44.1W
〈Sign In System•••®
姓名张*
课程面向对象程序设计
班级网络2031
学生姓名签到未签到
俸**10
毛**10
董**10
张**10
董**10
朱**10
刘*10
姚*10
叶**10
胡**10
高**01
图6班主任查询学生签到结果界面
2.2.3关键函数实现
//获取班主任管理班级课程
function getClassCourses($classId){
$coursesList二$this一>DBUtils一>get-NewTable(
"SELECT DISTINCT courses.name
FROM courses,syllabus
WHERE syllabus.class_id二".$classId."'
urse_id二courses.id")；
return$coursesList；
}
2.3任课教师模块
任课教师手动点名，效率低且容易出现登记、统计错误。登录该系统后，任课教师可以看到自己所教授的课程列表，点击课程名字可以看到该课程对应班级。选择相应班级后，如果该班级当前是上课时间，则可以查询当前课堂学生签到情况，对没有签到的学生名单一目了然。对以往上课签到的历史信息，任
课教师也可以根据班级查询，方便教师统计。在学生签到过程中，除了学生要基于位置完成签到以外，教师还设置了学生签到的有效时间，两者都符合条件，才能成功签到。
2.3.1流程分析
任课教师可以实时查询和统计授课班级学生上课签到信息及学生历史签到信息。任课教师模块程序流程，如图7所示
。
28北京工业职业技术学院学报第20卷
图7任课教师模块系统流程图
2.3.2界面设计
任课教师查询自己所教授课程学生上课签到情况，如图8所示。
15：26・"令筐>
<Sign In System•••®
姓名孙**
课程面向对象程序设计
班级网络2031
学生姓名签到未签到
俸**10
毛**10
董**10
张**10
董**10
朱**10
刘*10
姚*10
叶**10
胡**10
咼**01
首页蛍前调珂历史查询
图8任课教师查询结果界面
2・3・3关键函数实现
//获取当前课程签到记录
function getClassCheckinRecord(){
$courseTime=$this一>getTime()；
$res=$this一>DBUtils一>get-NewTable(
"uename AS tru-ename:classes.name AS class_name:checkin_time
FROM classes:students:checkin:syllabus
WHERE classes.id=students.class_id
AND students.id=checkin.student_id
AND checkin.having_class_id=syllabus.id
urse_time二".$course­Time.""）；
return$res；
2.4学生模块
学生使用该系统完成上课签到和晚间归寝签到工作。上课签到时，学生在手机小程序里打开该系统，系统调用提供的腾讯地图，通过教室GPS数据和学生所持手机GPS数据对比，在规定范围内，则可签到成功；若不在规定范围内：则系统提示不在签到范围内，不能完成签到工作。签到成功后，会记录签到学生姓名、学号、班级及签到具体时间。学生可以查询自己的历史签到信息，历史信息里记录了学生信息及签到课程和签到时间。学生还可以选择查询时间，来精确查询某时间段内的签到信息。晚间宿舍归寝签到被规定成一门课程，所以功能实现与上课签到相同。
2.4.1流程分析
学生可以通过该系统完成进出校园公共场所登记、上课签到、晚间宿舍归寝签到，并可以查询统计自己的上课签到和晚间宿舍归寝签到信息及历史签到信息。学生模块系统流程图如图9所示。
图9
学生模块系统流程图

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。