半岛·(中国)官方网站基于GPS 定位+人脸识别开发考勤系统本系统为了满足教师签到答到的需求而设计出这个系统。该系统主要通过 GPS 定位 + 人脸识别进行签到。签到过程使用 WebSocket 进行通信，并且实时保存在云端。此外还可通过 wifi 信号进行签到，需要在录入附近 wifi Mac 地址的前提下。在此之外，学生信息基于正方教务系统。使用此系统的用户可直接部署本系统，这让系统部署更加方便。本系统还实现了前后端分离，让系统运行更加高效流畅。因为 bootstrap 的响应式布局，这让系统在手机端也有较好显示效果。系统将从三个方面进行开发，它们分别是学生端、教师端、管理端，它们之间主要以 JSON 文本进行数据交换。在这个基础上，定义了一些数据格式，可以更方便的进行消息传递。人脸识别功能采用了百度的人脸识别系统，识别准确度非常高且免费。主要实现以下功能：

　　针对目前高校签到普遍采用人工的方式进行答到，这样很浪费时间，耽误了上课的进度，有时候一堂课点名都需要花费 15 分钟的时间，这无疑是值得改进的地方。本系统正是出于这个目的，为了减轻老师上课答到的压力，以及方便学生能够高效、安全的进行答到。我们准备开发这样一个项目。

　　学生端的功能主要由前端和后端基于 Web 的应用半岛。前端主要用于信息获取和展示，后端用于信息处理。学生每次登录都会获得一个 session 和 token 用于身份验证，这让系统有了很高的安全性。学生的只能查看和修改自己个人的信息，不能修改其他人的信息。

　　该系统采取的是 Web 开发模式，采用 serlevt+mybatis 框架，具体环境如下：

　　登录成功后会进入学生端主界面。这里默认会进入课程安排选项卡，并加载课程信息，如图 5-3 所示，这里加载了当前周的所有课程。

　　当点击签到按钮时，会出现签到的框，如果有签到则会显示 1，如果没有签到则不显示，图 5-7 所示是无签到的情况。

　　当签到还未结束的时候，点击签到按钮会提示签到成功，如果签到成功则会在统计选项卡里出现该课程的签到次数 +1，并且未读信息将会被更新为已读信息，如图 5-9 所示。

　　当签到开始，或者发送信息到用户。则会在通知选项卡内出现一条消息，如果签到结束，或者消息过期，则会在相应的位置显示过期，如图 5-10 所示。

　　我们这门 JSP 课的内容是基于 Java 的半岛，在 Java 的基础上扩展了后端的功能。我们可以通过 Post 或者 Get 方式提交数据给服务器，让服务器做出相应，这样的话就能实现动态网页的效果。虽然 JSP 看起来比较臃肿，我们可以去其缺点去其优点。就比如，JSP 有很强的前端与后端耦合，这样极大地影响了前端人员与后端人员的交流。虽然这也是 JSP 的优势点，但是这对分工开发一个项目来说是十分困难的。JSP 的优点同样也成为了 JSP 的缺点。在这样的情况下，我们应运而生了许多优秀的框架，比如 Spring 等。本项目通过 Apache 的反向代理技术来达成前后端分离的效果，这样有助于网页快速加载。在这门课的学习过程中，我还学习了一些其它有关的内容，比如一些前端框架 BootStrap、Vue、FullCalender、MUI、Toastr 和 Echarts 等框架，后端接触了 MyBatis 等技术。在前端和后端之间还使用了 Socket 进行通信，Tomcat 自带一个类能够接受 WebSocket 请求。通过使用 Socket 能够实时的传送信息。在签到程序的代码编写中半岛，使用百度的人脸识别功能和定位功能，感觉这样的功能实在是太有用了，这对以后的学习一定有帮助。除此之外，为了增强签到的安全性，我还编写了 Android 轻应用，通过内置 webView、NativeJS 来实现原生应用和 Web 应用之间的消息传递，这让我看到了这一定有很大的前景，目前华为的方舟编译器能够极大的提升 Android 应用的运行效率，这样的话 Android 可能以后有更大的发展空间。