基于HTML5的学生考勤管理系统的设计与实现
基于HTML5的学生考勤管理系统的设计与实现[20201006182549]Keywords: Student Attendance System,HTML 5,The CSS3,The MySQL database 目 录
第1章 前言 - 1 -
1.1 研究目的和意义 - 1 -
1.2 国内外研究现状 - 1 -
1.2.1 国内研究现状 - 1 -
1.2.2 国外研究现状 - 2 -
第2章 开发技术介绍 - 3 -
2.1 HTML5技术 - 3 -
2.2 CSS3技术 - 4 -
2.3 MySQL数据库 - 4 -
2.4 JSP技术 - 5 -
2.5 jQuery Mobile框架 - 6 -
第3章 学生考勤管理系统分析 - 7 -
3.1 可行性分析 - 7 -
3.1.1 经济可行性 - 7 -
3.1.2 技术可行性 - 7 -
3.1.3 运行可行性 - 7 -
3.1.4 操作可行性 - 7 -
3.2 功能需求分析 - 7 -
3.2.1 用例总图 - 7 -
3.2.2 用例描述 - 10 -
3.3 非功能性需求 - 17 -
第4章 学生考勤管理系统设计 - 18 -
4.1 系统架构图 - 18 -
4.2 HTML5/CSS3响应式框架布局分析 - 18 -
4.3 HTML5/CSS3响应式页面的设计流程 - 19 -
4.4 系统功能模块设计 - *好棒文|www.hbsrm.com +Q: ￥351916072￥
20 -
4.4.1 系统管理员登录界面流转图 - 20 -
4.4.2 后台主页人员管理界面流转图 - 21 -
4.4.3 后台考勤管理界面流转图 - 21 -
4.5 数据库设计 - 22 -
4.5.1 数据概念模型设计 - 22 -
4.5.2 数据逻辑模型设计 - 23 -
4.5.3 数据物理模型设计 - 23 -
4.6 包设计 - 25 -
4.7 类设计 - 25 -
4.7.1 com.ideafm.model包中的类 - 25 -
4.7.2 com.ideafm.action包中的类 - 29 -
4.7.3 com.ideafm. service包中的类 - 32 -
4.7.4 com.sdyu.serviceImp包中的类 - 34 -
第5章 系统功能实现 - 37 -
5.1 系统管理员登录模块界面与功能实现 - 37 -
5.1.1 系统管理员登录界面描述 - 37 -
5.1.2 系统管理员登录的界面 - 37 -
5.1.3 系统管理员登录界面实现代码 - 37 -
5.1.4 系统管理员登录功能实现代码 - 38 -
5.2 后台人员管理模块界面与功能实现 - 39 -
5.2.1 后台人员管理界面描述 - 39 -
5.2.2 后台人员管理界面 - 39 -
5.2.3 后台人员管理界面实现代码 - 40 -
5.2.4 后台人员管理功能实现代码 - 40 -
5.3 后台考勤管理模块界面与功能实现 - 41 -
5.3.1 后台考勤管理界面描述 - 41 -
5.3.2 后台考勤管理界面 - 41 -
5.3.3 后台考勤管理界面实现代码 - 42 -
5.3.4 后台考勤管理功能实现代码 - 42 -
5.4 系统移动端界面详细设计 - 43 -
第6章 系统调试与测试 - 47 -
6.1 程序调试 - 47 -
6.2 功能测试 - 47 -
6.2.1 登录功能测试 - 47 -
6.2.2 添加测试 - 47 -
6.2.3 查询测试 - 48 -
6.2.4 客户端登录模块测试 - 48 -
6.3 测试结果 - 48 -
结论 - 49 -
参考文献 - 50 -
第1章 前言
1.1 研究目的和意义
随着经济的不断发展和进步，计算机网络技术和数据库技术也随之迅速发展和进步，人们的工作、学习和生活方式较上个世纪相比发生了翻天覆地的变化。数据库技术为人们在存储数据、检索信息、分析信息等方面提供便利，使工作完成地更加高效，而网络技术促进了计算机通信和信息共享的发展，真正实现信息全球化[1]。互联网的发展，则使人们的生活变得更为丰富，人们之间的距离不断拉近，数字化已经真正走进我们的学习、工作和生活，也使原本隔离的 *好棒文|www.hbsrm.com +Q: ￥351916072￥
世界各地真正成为地球村。与此同时，互联网与数据库的相互结合也为人们生活中的计算机应用带来了深刻的影响。
随着我国经济的快速发展和政府的大力支持，我国的教育事业正在迅速向前发展，向发达国家看齐。但同西方发达国家相比较，信息技术在我国教育行业中的应用范围和程度较小，一些普通的、规模较小的高校还没有完全具备使用计算机管理教学的相关条件[2]。所以我想要开发一个基于HTML5 的学生考勤管理系统，使用当前最流行的HTML5技术，实现学生在线请假，上课时任课教师实时考勤，不但可以提高工作效率，而且还可以节省许多人力物力财力，使信息的安全性提高，学校的信息管理能力和效率增强。为此，相比目前使用纸质版花名册考勤，设计一个学生考勤管理系统对学生考勤信息管理有着深远的意义。
1.2 国内外研究现状
1.2.1 国内研究现状
目前，我国国内计算机技术的发展相对国外还是比较落后的，一些一流的高等院校首先采用了计算机信息化的管理技术，学生考勤系统也有了进一步的发展，基于WEB的高校学生考勤系统，使目前落后且不易保存的纸质考勤方式进一步改善[3]。2014年，廉照勇采用B/S的WEB开发模式，开发了基于WEB的高校学生考勤管理信息系统[4]，提高了教师考勤效率，是考勤工作更加方便快捷。移动互联网的发展愈加迅速和猛烈，使得智能手机占据的市场越来越多，基于Android平台的手机硬件种类丰富且价格相对较低，通过Android端自带的定位功能学生的考勤信息被实时上传到服务器上，然后根据学生的定位信息服务器自动确定学生的考勤状况，使学生考勤系统更加完善[5]。2016年，葛会会发表了基于Android 蓝牙考勤系统的设计与实现[6]，以Sqlite作为系统的数据库，使用Java编程语言在Android平台上实现对学生信息、课程信息和考勤信息的管理，将考勤系统和云存储技术相结合，及时将考勤系统的数据备份到云端，在必要时可以进行数据恢复，即使数据丢失，也可以及时的恢复并找回[7]，使学生考勤的管理更加安全、高效、便捷。
图2-2 使用 HTML5 展现页面代码结构
除了这些新的标签，HTML5也设计了很多新的特性。HTML5的许多特征是用CSS布局的JavaScript小部件库或框架来解决各种需要，这些特征也经常用在Web前端开发时，如需要验证表单和所有的Web前端开发会遇到的日历控制脚本。
第1章 前言 - 1 -
1.1 研究目的和意义 - 1 -
1.2 国内外研究现状 - 1 -
1.2.1 国内研究现状 - 1 -
1.2.2 国外研究现状 - 2 -
第2章 开发技术介绍 - 3 -
2.1 HTML5技术 - 3 -
2.2 CSS3技术 - 4 -
2.3 MySQL数据库 - 4 -
2.4 JSP技术 - 5 -
2.5 jQuery Mobile框架 - 6 -
第3章 学生考勤管理系统分析 - 7 -
3.1 可行性分析 - 7 -
3.1.1 经济可行性 - 7 -
3.1.2 技术可行性 - 7 -
3.1.3 运行可行性 - 7 -
3.1.4 操作可行性 - 7 -
3.2 功能需求分析 - 7 -
3.2.1 用例总图 - 7 -
3.2.2 用例描述 - 10 -
3.3 非功能性需求 - 17 -
第4章 学生考勤管理系统设计 - 18 -
4.1 系统架构图 - 18 -
4.2 HTML5/CSS3响应式框架布局分析 - 18 -
4.3 HTML5/CSS3响应式页面的设计流程 - 19 -
4.4 系统功能模块设计 - *好棒文|www.hbsrm.com +Q: ￥351916072￥
20 -
4.4.1 系统管理员登录界面流转图 - 20 -
4.4.2 后台主页人员管理界面流转图 - 21 -
4.4.3 后台考勤管理界面流转图 - 21 -
4.5 数据库设计 - 22 -
4.5.1 数据概念模型设计 - 22 -
4.5.2 数据逻辑模型设计 - 23 -
4.5.3 数据物理模型设计 - 23 -
4.6 包设计 - 25 -
4.7 类设计 - 25 -
4.7.1 com.ideafm.model包中的类 - 25 -
4.7.2 com.ideafm.action包中的类 - 29 -
4.7.3 com.ideafm. service包中的类 - 32 -
4.7.4 com.sdyu.serviceImp包中的类 - 34 -
第5章 系统功能实现 - 37 -
5.1 系统管理员登录模块界面与功能实现 - 37 -
5.1.1 系统管理员登录界面描述 - 37 -
5.1.2 系统管理员登录的界面 - 37 -
5.1.3 系统管理员登录界面实现代码 - 37 -
5.1.4 系统管理员登录功能实现代码 - 38 -
5.2 后台人员管理模块界面与功能实现 - 39 -
5.2.1 后台人员管理界面描述 - 39 -
5.2.2 后台人员管理界面 - 39 -
5.2.3 后台人员管理界面实现代码 - 40 -
5.2.4 后台人员管理功能实现代码 - 40 -
5.3 后台考勤管理模块界面与功能实现 - 41 -
5.3.1 后台考勤管理界面描述 - 41 -
5.3.2 后台考勤管理界面 - 41 -
5.3.3 后台考勤管理界面实现代码 - 42 -
5.3.4 后台考勤管理功能实现代码 - 42 -
5.4 系统移动端界面详细设计 - 43 -
第6章 系统调试与测试 - 47 -
6.1 程序调试 - 47 -
6.2 功能测试 - 47 -
6.2.1 登录功能测试 - 47 -
6.2.2 添加测试 - 47 -
6.2.3 查询测试 - 48 -
6.2.4 客户端登录模块测试 - 48 -
6.3 测试结果 - 48 -
结论 - 49 -
参考文献 - 50 -
第1章 前言
1.1 研究目的和意义
随着经济的不断发展和进步，计算机网络技术和数据库技术也随之迅速发展和进步，人们的工作、学习和生活方式较上个世纪相比发生了翻天覆地的变化。数据库技术为人们在存储数据、检索信息、分析信息等方面提供便利，使工作完成地更加高效，而网络技术促进了计算机通信和信息共享的发展，真正实现信息全球化[1]。互联网的发展，则使人们的生活变得更为丰富，人们之间的距离不断拉近，数字化已经真正走进我们的学习、工作和生活，也使原本隔离的 *好棒文|www.hbsrm.com +Q: ￥351916072￥
世界各地真正成为地球村。与此同时，互联网与数据库的相互结合也为人们生活中的计算机应用带来了深刻的影响。
随着我国经济的快速发展和政府的大力支持，我国的教育事业正在迅速向前发展，向发达国家看齐。但同西方发达国家相比较，信息技术在我国教育行业中的应用范围和程度较小，一些普通的、规模较小的高校还没有完全具备使用计算机管理教学的相关条件[2]。所以我想要开发一个基于HTML5 的学生考勤管理系统，使用当前最流行的HTML5技术，实现学生在线请假，上课时任课教师实时考勤，不但可以提高工作效率，而且还可以节省许多人力物力财力，使信息的安全性提高，学校的信息管理能力和效率增强。为此，相比目前使用纸质版花名册考勤，设计一个学生考勤管理系统对学生考勤信息管理有着深远的意义。
1.2 国内外研究现状
1.2.1 国内研究现状
目前，我国国内计算机技术的发展相对国外还是比较落后的，一些一流的高等院校首先采用了计算机信息化的管理技术，学生考勤系统也有了进一步的发展，基于WEB的高校学生考勤系统，使目前落后且不易保存的纸质考勤方式进一步改善[3]。2014年，廉照勇采用B/S的WEB开发模式，开发了基于WEB的高校学生考勤管理信息系统[4]，提高了教师考勤效率，是考勤工作更加方便快捷。移动互联网的发展愈加迅速和猛烈，使得智能手机占据的市场越来越多，基于Android平台的手机硬件种类丰富且价格相对较低，通过Android端自带的定位功能学生的考勤信息被实时上传到服务器上，然后根据学生的定位信息服务器自动确定学生的考勤状况，使学生考勤系统更加完善[5]。2016年，葛会会发表了基于Android 蓝牙考勤系统的设计与实现[6]，以Sqlite作为系统的数据库，使用Java编程语言在Android平台上实现对学生信息、课程信息和考勤信息的管理，将考勤系统和云存储技术相结合，及时将考勤系统的数据备份到云端，在必要时可以进行数据恢复，即使数据丢失，也可以及时的恢复并找回[7]，使学生考勤的管理更加安全、高效、便捷。
图2-2 使用 HTML5 展现页面代码结构
除了这些新的标签，HTML5也设计了很多新的特性。HTML5的许多特征是用CSS布局的JavaScript小部件库或框架来解决各种需要，这些特征也经常用在Web前端开发时，如需要验证表单和所有的Web前端开发会遇到的日历控制脚本。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/3096.html
