java和vue学生定位打卡小程序人脸识别打卡系统源码网站学生考勤系统

无敌的宇宙
无敌的宇宙
擅长邻域:Java,HTML,JavaScript,MySQL,支付,退款,图片上传

分类: Java springboot vue MySQL 微信小程序 标签: Java学生定位打卡小程序 Java学生人脸识别打卡小程序 Java学生定位打卡考勤系统

2022-09-09 16:09:37 2902浏览

学生在规定的地点范围内进行人脸识别打卡小程序,也可以进行请假,教师在小程序端发布要上的课程以及定位教室和指定范围内可以打卡。同时还展示学生的考勤信息。管理员进行教师学生管理,采集人脸信息,分配课程等。

(ssm和springboo项目可互转) 联系作者 ,微信 jf3qcom , QQ : 1913284695 购买源码

演示视频

学生和教师小程序


管理员web


简介

学生在规定的地点范围内进行人脸识别打卡的课程考勤小程序,也可以进行请假,教师在小程序端发布要上的课程以及定位教室和指定范围内可以打卡。同时还展示学生的考勤信息。管理员进行教师学生管理,采集人脸信息,分配课程等。

 

技术:小程序(学生端,教师端)+vue(管理员)+springboot+myibats+pagehelper+人脸识别与采集+定位

 

角色:管理员+教师+学生

 

功能

学生(微信小程序)

1 考勤:根据课程名称和日期查询

2 打卡:自动定位,实时刷新学生的位置,学生需要在课前的前20分钟内进入教师规定的范围,此时,小程序自动弹出人脸识别的摄像头自动匹配识别,程序自动判断是否是本人打卡和是否迟到,避免有人替代打卡和在其他地方打卡以及提前打卡糊弄,未打卡(除请假外)系统将根据课程结束时间自动判断为旷课

3 个人中心

4 修改密码

5 请假申请

6 查看我的请假申请(待审核、审核通过、不通过)

7 登录

8 退出账号

 

教师(微信小程序)

1 发布上课课程信息,定位需要打卡的地点(经纬度)和打卡范围

2 课程考勤:根据课程名称和日期查询,可以删除,编辑;

3 发布考勤:发布后学生端可以看到自己需要打卡的课程信息

4 作废考勤:发布后可以作废

5 查看学生打卡记录:几人打卡几人迟到几人请假几人旷课几人待打卡以文字形式展示,下面是每个学生的打卡记录;

6 查看学生的请假信息,审核通过,或者不通过。通过的学生不影响考勤,没通过但是不来上课的学生,系统自动判断为旷课

7 个人中心

8 修改密码

9 登录

10 退出账号

11修改考勤,导出考勤,查看学生考勤统计

 

管理员(vue网站)

1 学员管理:分页,编辑,添加,删除,根据学院名称查询;

2 专业管理:分页,编辑,添加,删除,根据专业名称查询;

3 教师管理:分页,编辑,添加,删除,根据编号和姓名查询,初始化密码;

4 学生管理:分页,编辑,添加,删除,根据学号和姓名查询,初始化密码;

5 采集学生人脸数据:调用摄像头采集并存入数据库,学生端打卡时使用该字段;

6 课程管理:分页,编辑,添加,删除,根据课程名称查询;

7 查看课程分配的学生信息;

8 修改密码

9 登录;

10 退出账号;

11查看考勤

 

 数据库:

 

image.png

小程序地图权限问题,请在app.json里添加如下代码

 "requiredPrivateInfos": ["getLocation", "chooseLocation", "chooseAddress"],

 "permission":{
    "scope.userLocation": {
      "desc": "小程序需要获取您的位置信息"
    }
  },

image.png

image.png

image.png


部分截图 

 学生端小程序

学生登录.jpg

学生登录.jpg

定位不再范围内不让打卡.jpg

定位不再范围内不让打卡.jpg

范围内可打卡.jpg

范围内可打卡.jpg

人脸识别中.jpg

人脸识别中.jpg

教师端小程序

登录.jpg

登录.jpg

首页.jpg

首页.jpg

某节课考勤-全部.jpg

某节课考勤-全部.jpg

个人中心.jpg

个人中心.jpg

管理员vue网站

登录.jpg

登录.jpg

学生管理.jpg

学生管理.jpg


 

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695