基于JAVA WEB的考勤系统设计与实现

基于JAVAWEB的考勤系统设计和实现DesignandImplementationofAttendanceSystemBasedonJAVAWEB摘要关键词：WEBAbstractThedevelopmentofscienceandtechnologyhasdriventheupgradingandinnovationofaseriesofindustries;thecontinuousupdatinganditerationofnetworktechnologyhasimpactedpeople'sdailylife.Peopleincreasinglywanttomakeiteasiertorecordtheattendanceoftheirowncompanies.However,thediversificationofthecorporatesectorhascausedpeoplealotoftroubleinthetraditionalattendancestatistics,soonlineattendancehasbecomeawayforpeopletothink.Inanenterprise,differentaffairsarecumbersomeeveryday,suchasemployeeattendance,employeeassessment,company'sannualreport,financialreport,etc.Thesetaskscanbecomplicatedbyhumans;today,thedevelopmentofcomputernetworkscanBringdifferentmanagementmethodstotheenterprise,forexample:establishasoundcompanymanagementmethod,andhandovereverythingthateveryonecancompletetothecomputer,sowecanmakeaweb-basedattendancesystemforemployeeattendanceandinformationstorage.Providingconvenienceforpeopleisthebiggestdrivingforceforthedevelopmentofcomputers.Therefore,theWEBtimeandattendancesystemcanfacilitateandquicklyallowemployeestocheckinandoutofwork;andcancloselyintegratethemajorityoftheirownattendanceandtheirowncorporatedepartments,whichgreatlyimprovestheefficiencyofattendance..Ithasthecharacteristicsoflowoperatingcost,authenticityofattendance,convenientstatistics,andvisualizationofattendancedata.Keywords: AttendanceNetworkAttendanceWEBAttendanceSystem目录6212_WPSOffice_Level1第一章绪论 118999_WPSOffice_Level21.1课题背景 128940_WPSOffice_Level21.2课题目的和意义 231362_WPSOffice_Level21.3国外研究现状 26062_WPSOffice_Level21.4国内研究现状 218999_WPSOffice_Level1第二章可行性分析 314640_WPSOffice_Level22.1社会可行性 314469_WPSOffice_Level22.2技术可行性 325127_WPSOffice_Level22.3操作可行性 313524_WPSOffice_Level22.4系统技术介绍 318999_WPSOffice_Level32.4.1JavaScript 328940_WPSOffice_Level32.4.2JQuery 431362_WPSOffice_Level32.4.3MySQL 46062_WPSOffice_Level32.4.4MVC 414640_WPSOffice_Level32.4.5JDBC 414469_WPSOffice_Level32.4.6DBUtils 525127_WPSOffice_Level32.4.7C3P0 513524_WPSOffice_Level32.4.8SSM 515042_WPSOffice_Level32.4.9Layui 515042_WPSOffice_Level22.5系统运行平台和运行环境 510502_WPSOffice_Level32.5.1系统运行平台 512350_WPSOffice_Level32.5.2运行环境 628940_WPSOffice_Level1第三章需求分析 710502_WPSOffice_Level23.1系统功能模块概述和分析 728157_WPSOffice_Level3(1)前台部分 77744_WPSOffice_Level3(2)后台部分 712350_WPSOffice_Level23.2系统功能模块设计 726085_WPSOffice_Level33.2.1前台功能模块 71755_WPSOffice_Level33.2.2后台功能模块 831362_WPSOffice_Level1第四章数据库分析 928157_WPSOffice_Level24.1选择数据库的原因 97744_WPSOffice_Level24.2概念模型设计 930906_WPSOffice_Level34.2.1实体 912164_WPSOffice_Level34.2.2联系 926085_WPSOffice_Level24.3数据库表设计 121505_WPSOffice_Level3(1)attendance 1329388_WPSOffice_Level3(2)department 1331606_WPSOffice_Level3(3)employee 1321731_WPSOffice_Level3(4)history 142381_WPSOffice_Level3(5)lea 146443_WPSOffice_Level3(6)move 1521684_WPSOffice_Level3(7)overtime 1518785_WPSOffice_Level3(8)position 1531601_WPSOffice_Level3(9)rewards_punishment 166062_WPSOffice_Level1第五章WEB考勤系统前台设计与实现 171755_WPSOffice_Level25.1主页页面 1725391_WPSOffice_Level3(1)上部的实现 1726520_WPSOffice_Level3(2)左边侧边栏 1818208_WPSOffice_Level3(3)右部列表的实现 1830906_WPSOffice_Level25.2员工模块 1817197_WPSOffice_Level35.2.1添加员工 197239_WPSOffice_Level35.2.2用户登录 204521_WPSOffice_Level35.2.3修改当前用户密码 2113855_WPSOffice_Level35.2.4退出 2112164_WPSOffice_Level25.3个人信息模块 2226335_WPSOffice_Level35.3.1查看个人信息 2213930_WPSOffice_Level35.3.2修改个人信息 2211733_WPSOffice_Level35.3.3查看考勤情况 2313089_WPSOffice_Level35.3.4查看加班情况 2318311_WPSOffice_Level35.3.5申请请假 2410408_WPSOffice_Level35.3.6查看请假记录 251505_WPSOffice_Level25.4员工管理 2518614_WPSOffice_Level35.4.1在职员工管理 25746_WPSOffice_Level35.4.2离休员工管理 265929_WPSOffice_Level35.4.3员工档案管理 277174_WPSOffice_Level35.4.4员工调动记录 2729388_WPSOffice_Level25.5考勤管理 2827155_WPSOffice_Level35.5.1考勤管理 2817841_WPSOffice_Level35.5.2加班管理 2931606_WPSOffice_Level25.6请假管理 303699_WPSOffice_Level35.6.1未批准列表 3023176_WPSOffice_Level35.6.2已批准列表 316058_WPSOffice_Level35.6.3请假记录 3221731_WPSOffice_Level25.7部门管理 3232467_WPSOffice_Level35.7.1部门信息 329632_WPSOffice_Level35.7.2职称信息 3314640_WPSOffice_Level1第六章WEB考勤系统后台设计与实现 342381_WPSOffice_Level26.1后台登录 346443_WPSOffice_Level26.2后台主页 3421684_WPSOffice_Level26.3用户管理 3513455_WPSOffice_Level36.3.1用户列表 3529996_WPSOffice_Level36.3.2添加用户 3617605_WPSOffice_Level36.3.3禁用用户 3621660_WPSOffice_Level36.3.4删除用户 3720581_WPSOffice_Level36.3.5锁定用户 379610_WPSOffice_Level36.3.6恢复用户 3818785_WPSOffice_Level26.4角色管理 3811596_WPSOffice_Level36.4.1角色列表页面 387785_WPSOffice_Level36.4.2添加角色 396167_WPSOffice_Level36.4.3修改角色 3920847_WPSOffice_Level36.4.4删除角色 4018928_WPSOffice_Level36.4.5角色授权 4031601_WPSOffice_Level26.5菜单管理 4127585_WPSOffice_Level36.5.1菜单列表 4114723_WPSOffice_Level36.5.2新增菜单 4130477_WPSOffice_Level36.5.3修改菜单 4218606_WPSOffice_Level36.5.4删除菜单 4225391_WPSOffice_Level26.6系统日志 4326520_WPSOffice_Level26.7搜索功能 4330973_WPSOffice_Level36.7.1用户模块搜索 4327825_WPSOffice_Level36.7.2角色模块搜索功能 4426397_WPSOffice_Level36.7.3系统日志搜索功能 4418208_WPSOffice_Level26.8考勤数据可视化 4514469_WPSOffice_Level1第七章系统测试 4617197_WPSOffice_Level27.1测试的目的与目标 467239_WPSOffice_Level27.2测试方法 464521_WPSOffice_Level27.3测试用例 4713855_WPSOffice_Level27.4测试结论 4725127_WPSOffice_Level1结论 4813524_WPSOffice_Level1参考文献 4915042_WPSOffice_Level1致谢 50广广PAGEPAGE1第一章绪论课题背景任何一家企业都需要对公司员工进行考勤管理，这是一个公司最基本的管理，有利于衡量员工在公司的工作状况。现在，大部分公司还是用考勤结果信息来作为员工薪酬和福利分配的标准；因此，员工的出勤的天数很大程度上决定着自身的岗位晋升和年度考核，对于员工来说，考勤的结果也成了他们关注的事宜。随着互联网技术的不断发展，各个行业的考勤管理方式也不断与时俱进。从之前使用手工人工记录考勤信息，到使用硬件IC考勤打卡，手指指纹打卡，人工智能的面部识别打卡，再到使用RFID射频技术打卡。回顾考勤发展后，尽管考勤打卡的方式科学技术含量越来越高，但仍然存在无法快速、准确获得员工的出勤信息。现今，少数企业和机构依旧使用传统方式来记录员工的出勤情况，一般勇敢人工记录方式显示。它通常是手动使用excel表格摘要记录。虽然excel表格是一种简单、高效的记录方式，但是它受人为主观性影响很大，而且易出现“脏数据”现象。所以，企业和机构急需建立一套方便，快捷，符合实际的考勤管理信息系统。对于企业来说，拥有一套科学、快速高效的考勤系统有两个方式：一是通过自身的具体管理需求，去定制属于自己公司的考勤系统软件。二是购买常规的考勤系统产品，一套科学、高效的考勤管理系统能有利于提高企业的信息管理水平，信息管理对于企业来说是必不可少的管理手段，通过信息管理的时候，能大幅度减少人为干预，保证结果的公正性，并且能减少企业的人工成本，提高企业的经济效益。每个公司每个部门最基本的日常工作就是员工的出勤管理，但管理出勤一般会消耗大量的资源。例如传统公司：进入21世纪后，我国经济形势愈发变得更好，社会市场的规模也不断壮大，企业也得到相应的发展，企业发展的同时，员工的数量也不断增加，人员的增加也会加大公司的管理难度。现在，许多公司的人事管理依旧是处在人工手动操作这一阶段，其中就包括手动记录考勤。手动记录考勤管理难度较大，因为每个部门需要额外一名人员出来负责自己部门人员的出勤情况，并且加以统计。这样手动记录考勤不仅工作效率低下，并且员工的出勤率也会收到负责人主观影响，这无法满足企业发展的需求。因此，智能化的考勤系统就显得很有必要，它将会带给企业新的发展：第一，即便是公司人员数量庞大，每个人员只需要自己上网站进行考勤即可，即能将各个公司部门的负责人员从繁重的记录考勤中释放出来，让负责人将主要的工作精力放在实际的工作当中。第二，计算机替代了传统的人工统计工作，即充分发挥了计算机的优势，也大幅度提供记录考勤的效率，将统计数据过程中一些错误与遗漏降到最低。第三，网络考勤的事务就演变成员工自己处理，员工也可以看到自己每天的出勤情况，考勤变得更加透明化，且公平。课题目的和意义在当前各行业竞争日益激烈的今天，提高工作效率和质量是各企业必须解决掉的重要问题。有了WEB考勤系统就不需要企业用户面对面进行考勤打卡登记，用户也可以随时随地登录考勤网站，查看自己考勤信息，忘记考勤打卡也可以通过公司负责考勤人员去后台补上打卡，这样大大提高了考勤效率。网络考勤系统不仅可以大大减少人力物力的消耗，还降低了运营成本。使得考勤打卡可以在规定的时间和地点内进行，实现真实打卡，不需要人员去管理每日打卡情况。同时，WEB考勤系统更容易开拓企业工作质量，从而大大提高了效率，有利于推动考勤方便化，提高考勤真实性。通过研究国内、国外相关企业考勤方式后，我准备开发一个基于WEB的考勤系统开发作为我的毕业设计主题。立足于设计一个在网络平台上运行的集考勤打卡、统计和人员信息管理等功能于一体的考勤系统，以小小的力量推动企业考勤的发展。国外研究现状信息社会的飞速发展使得互联网技术不断提高，而通过互联网进行考勤打卡也是一种新的趋势。因此利用互联网来进行考勤打卡统计无疑是顺应时代发展潮流。在国外，人工成本很昂贵，因此无论是在传统行业，还是在新兴的技术行业，当企业不断发展时，人才需求量不断扩大时，各部门人员就会不断增多，以传统考勤打卡方式肯定会提供公司的成本运营，也降低工作效率。此时可以用信息化的手段来处理十分复杂的事务，网上考勤打卡就孕育而生。国内研究现状进入21世纪后，我国的计算机水平也不断提高。人们使用计算机的人数也在逐步提高，在21世纪之前，使用计算机可能只有特定的人群，因为当时计算机价格昂贵，但经济的发展和科技的发展越来越使得计算机走入普通人生活，人们可以通过计算机做许多事情，比如购物、聊天等等，对于这种情况，充分说明我国互联网技术在不断发展。互联网的普及，使得网络考勤成为一种新型考勤方式[1]。现今，每个企业都开发属于自己的网络考勤方式，例如通过微信公众号考勤、APP考勤、RFID考勤等等。这都是属于互联网考勤的一种方式。第二章可行性分析社会可行性技术可行性JSPSpringSpringMVCMyBatisMySQLWindowsLayuiJDBCDAOJSPSpringSpringMVCMyBatisMySQL操作可行性系统技术介绍JavaScriptJavaScript作为一种能为静态页面提供动态效果的脚本语言，运用十分广泛，例如能监听点击事件等，很多前端框架的实现都是基于它进行创新的。一般客户端的Web开发都使用这种脚本语言，能够为静态页面渲染上动态效果[2]，此项目系统也是有运用到JavaScript这一技术，能够为前端渲染提供人性化的技术支持。JQueryJavaScript创新版本就是JQuery，相较于JavaScript来说，JQuery封装了许多新的技术。开发之初的理念就是让程序员少写点代码，框架做的更多。JQuery发布后许多JavaScript的高手不断对其进行改善，操作性、方便性也提高许多[3]。JQuery对文档对象、DOM元素等操作更为方便，也有Ajax异步请求功能。另外，JQuery也开放API出来让开发者自行编写特制插件。这样的使用方式令开发人员很快捷的开发出强大的页面[4]。MySQLMySQL是大学生涯中第一次接触的数据库课程，相比其他关系式数据库类型，MySQL操作较为方便，最重要的是它是开源的，绝大多数的网站基本都是使用MySQL进行数据存储，此项目系统也正是使用MySQL做为数据存储工具。MVCMVCMVCMVCSunMVCMVCMVCMMVCVHTMLFLASHHTML5MVCMVCC。JDBCJDBCJDBCSQLJavaJDBCJDBCAPISQLjavaJDBCDBUtilsCommonDbutilsCommonDbutilsListCommonDbutilsListC3P0C3P0JDBCC3P0C3P0SSMSpringJavanewSpringxmlSpringMVCWEBSpringMVCSpringMVCMybatisJDBCSqlSessionFactoryBuilderxmlMapperSQLSSMSpringLayuiLayui系统运行平台和运行环境系统运行平台TomcatTomcatTomcatWARWARWEBTomcatTomcat表2-1所示：表2-1运行平台表软件用途Eclipse用于编写代码ProcessOn用于书画E-R图Tomcat项目发布服务器软件Postman测试接口工具Mysql项目数据存储软件系统所需要的运行环境如下表2-2所示：表2-2运行环境表环境硬件配置开发环境Win764位及以上版本CPUi5以上内存4GB以上硬盘512GB以上浏览器IE、FireFox、GoogleChromePAGEPAGE10第三章需求分析系统功能模块概述和分析WEB考勤打卡模型是典型的网上考勤实践中最为普遍的新型考勤打卡模式，主要包括员工注册登录、个人信息、员工管理、考勤管理、请假管理、搜索员工等基本功能。除此之外，也会实现考勤的后端管理模块，例如员工添加、员工删除等功能模块。此系统在开发过程中使用JSP等技术，在设计阶段按照软件工程开发的规范，合理运用软件的设计模式，减少系统各个模块间的冗余度，保证系统稳定。WEB考勤系统主要功能如下：系统功能模块设计通过分析系统，对系统分为前台和后台功能模块图。前台功能模块前台：前台一共有七个模块，每个模块都有属于自己的功能，例如有用户登录，主页签到、个人信息等，具体如图3-1所示。后台功能模块后台：后台一共有三个模块，每个模块都有属于自己的功能，例如有用户模块，菜单模块、考勤信息模块等，具体如图3-2所示：PAGEPAGE20第四章数据库分析选择数据库的原因系统产生的数据量一般都会很大，对于数据库而言，则需要能够处理大量数据的数据库平台，因此，Mysql就是一个很好的选择。概念模型设计概念模型是将逻辑转为能现实观察、触摸的一种方式，具体就是将抽象的概念组织成为某一个具体的数据模型，通过转换变成机器所能明白的数据类型。这种结构类型不需要具体依赖计算机，它是概念模型，再通过模型转为计算机上某种数据库系统所支持的数据模型。实际上而言，概念模型有助于开发。概念模型具体包括实体和联系。实体是是一个事务，一个人等等;它可以是某一个人、某一件事情、某一个物品等等，抽象的概念和联系也可以成为是实体;比如说：签到、考勤、一个员工、一个部门、公司的奖惩等等[7]。对于现实而言，每个事物自身都有联系，现实中有万有引力建立联系，在虚拟中也会有各种联系，不管是自身的联系，还是两个不同实体的联系，这都是联系。联系有：一对一联系，一对多联系，多对多联系[8]。设计模型方式很多，大学中使用最多则是E-R法，E-R法能清楚表明实体之间的关系，使用E-R建立的模型也称为E-R模型。通过对现实世界分析[9]，WEB考勤系统的核心E-R模型如图4-1所示。根据概念模型设计规划的主要实体有：员工、部门、考勤率、员工历史情况、请假、员工角色等。实际开发中实体数量多，因此在此只给重要部分，如以下所示。员工实体最重要部分就是员工ID、姓名、密码，具体如图4-2所示：部门实体最重要部分就是部门ID、部门名称、部门负责人，具体如图4-3所示：出勤实体最重要部分就是员工ID、考勤时间、签到，具体如图4-4所示：员工历史实体是记录员工在公司的情况，包含员工入职时间，离职时间，个人信息等，最重要部分就是员工ID、员工信息、员工在职情况，具体如图4-5所示：请假其实是所在部门中的员工请假信息的登记，例如有请假时间，请假理由，是否批准等。最重要部分就是员工ID、部门ID、请假信息、请假状态，具体如图4-6所示：角色实体是根据员工的职位进行创建的，最重要部分就是角色ID、名字、职位，具体如图4-7所示：数据库表设计数据库表设计是在前面工作基础上完成的，需要将实体数据用计算机能明白的方式存储起来。例如对数据项与记录、记录与记录之间的联系、稳定性、约束性等。在进行数据库表设计时，E-R模型要与现实时间的逻辑结构相一致，并且要在功能和运行效率上满足用户的使用。此系统核心数据库表如下：attendance是员工的出勤表设计，设计结构如表4-1所示：字段名称数据类型主键是否空说明idint(10)YN主键employee_numberint(50)NY员工IDdaydateNY时间time_typeenumNY上午,下午,加班start_timetimeNY上班打卡时间start_typeenumNY上班打卡情况（正常、迟到）end_timetimeNY下班打卡时间end_typeenumNY下班打卡情况（正常、早退）work_typeenumNY上班、请假notesvarchar(50)NY备注department是员工部门的表设计，设计结构如下表4-2所示：字段名称数据类型主键是否空说明idint(10)YN主键department_numberint(50)NY部门IDnamevarchar(32)NY部门名称managervarchar(32)NY部门负责人telephonevarchar(32)NY部门电话addressvarchar(32)NY部门地址notesvarchar(50)NY备注employee是员工信息表，设计结构如下表4-3所示：字段名称数据类型主键是否空说明idint(10)YN主键employee_numberint(10)NY员工IDnamevarchar(50)NY员工名字genderenumNY性别birthdaydateNY生日telephonevarchar(32)NY电话emailvarchar(32)NY邮箱addressvarchar(32)NY住址photovarchar(32)NY照片educationvarchar(32)NY学历department_numberintNY部门IDposition_numberintNY员工角色IDin_timedateNY入职时间passwordvarchar(50)NY密码notesvarchar(50)NY备注history是员工在职历史表，设计结构如下表4-4所示：字段名称数据类型主键是否空说明idintYN主键employee_numberintNN员工IDnamevarchar(32)NN员工名字genderenumNN性别birthdaydateNN生日时间telephonevarcharNN电话emailvarcharNN邮箱addressvarcharNN住址photovarcharNN照片educationvarcharNN学历in_timedateNN入职时间out_timedateNN离职时间department_numberintNN部门IDposition_numberintNN员工角色IDstatusenumNN在职情况homevarcharNN老家住址notesvarcharNN备注lea是员工请假表，表的结构设计如表4-5所示：字段名称数据类型主键是否空说明idintYN主键employee_numberintNN员工IDdepartment_numberintNN部门IDstart_timedateNN请假开始时间end_timedateNN请假结束时间daysvarcharNN请假天数reasonvarcharNN请假原因typeenumNN请假类型（事假、病假等）managervarcharNN负责人statusenumNN请假状态（已批准、未批准）notesvarcharNN备注move是员工移动记录表，设计表结构如表4-6所示：字段名称数据类型主键是否空说明idintYN主键employee_numberintYN员工IDbeforeintYN之前时间afterintYN之后时间timedatetimeYN具体时间managervarcharYN负责人notesvarcharYN备注overtime是员工加班表，设计表的结构如表4-7所示：字段名称数据类型主键是否空说明idintYN主键department_numberintNN部门IDemployee_numberintNN员工IDdaydateNN时间start_timetimeNN开始时间end_timetimeNN结束时间notesvarcharNN备注position是角色的职位表，设计表的结构如表4-8所示：字段名称数据类型主键是否空说明idintYN主键position_numberintNN角色IDnamevarcharNN角色名字leveldateNN职位notesvarcharNN备注rewards_punishment是员工奖惩表，设计表的结构如表4-9所示：字段名称数据类型主键是否空说明idintYN主键employee_numberintNN员工IDtypevarcharNN奖惩类型reasonvarcharNN原因moneyfloatNN奖金、罚金timedatetimeNN时间managervarcharNN负责人notesvarcharNN备注

第五章WEB考勤系统前台设计与实现WEB考勤系统的整个前台部分是供员工考勤打卡、查看自己个人信息的部分，这是员工自己通过工号登录查看的系统界面，对于企业来说，在保证界面优美的同时也应该注重功能的健壮性，对于员工或者使用人员来说，系统的使用的方便才是看重的，因此此系统使用Layui框架作为展示层，功能操作也既具方便性。主页页面主页页面包括3个主要的部分，前端采用Layui框架。位置分别为上部、左部侧边栏、右部list列表，主页页面如图5-1所示。图5-1主页页面图上部包含两大部分内容：搜索框；登录名。搜索框是对员工姓名进行搜索，搜索出来的会显示到员工管理这一模块。登录名是根据员工登录进来回显当前用户名，点击时会出现“我的账号”和“注销登录”两个选项。点击“注销登录”则会退出当前账号，重新进入登录页面。点击“我的账号”时显示当前账号的个人信息，详情如图5-2所示：图5-2个人信息左边是所有功能的展示，功能点下会有属于当前功能点的功能，例如个人信息菜单下面有查看个人信息等功能，操作较为方便，点击一级菜单就可以显示当前菜单下面的所有二级菜单。右部list列表是网站的骨干，点击左边侧边栏都会在右部list列表显示。默认显示考勤打卡页面，在考勤打卡页面中，员工可以对应点击上班签到和下班签到实现考勤记录。员工模块注册用户是构成网站主体的一个重要组成部分，因为这个系统是面向企业内部，因此并没有提供个人注册页面，添加新员工时需要通过超级管理员进行添加用户。添加如图5-3所示：图5-3添加员工超级管理员点击一级菜单“员工管理”后，再点击二级菜单中的“在职员工管理”，点击选择“添加员工”按钮，就进入到添加员工列表。管理员根据工号和密码添加新的员工，新员工可以通过属于自己的工号和密码进行登录，添加新员工如图5-4所示：图5-4添加新员工表单校验：注册页面使用JS对用户输入的数据进行校验：登录密码：不能为空；长度必须在4个字符以上；确认密码：不能为空；必须与登录密码相同；Email：不能为空；必须是正确的Email格式用户登录通过访问地址就可以来到登录页面，登录时会对输入的条件进行判断：表单校验用户名：不能为空；用户名是否存在；密码：不能为空；长度必须在4个字符以上；登录表单校验通过获取表单信息，将表单信息通过后台控制层、业务层、数据操作层去数据库进行匹对，如果用户名和密码正确，则进入主页页面，否则重新刷新登录页面。用户成功登录之后，浏览器会跳转到主页上。登录成功主页上可以显示当前用户的名称，以及左边侧边栏的菜单信息。总而言之，登录成功后的用户才可以进入主页使用这些功能，而游客是无法进入登录后的页面，登录成功进入主页如图5-5所示：图5-5登录成功PAGEPAGE50修改当前用户密码用户登录成功之后，点击“我的账号”就会到达修改个人信息页面，在个人信息里面可以修改当前用户的密码。表单校验新密码：不能为空；长度必须在4个字符以上；修改密码表单校验通过获取表单信息，将表单信息通过后台控制层、业务层、数据操作层去数据库进行匹对，然后通过工号对密码进行修改，修改页面如下图5-6所示：图5-6修改密码退出当用户登录后，点击“注销登录”可以完成退出。退出成功后会到达登录页面！

个人信息模块查看个人信息在主页左部侧边栏点击个人信息二级菜单时，会出现二级菜单下面的三级菜单，点击三级菜单中的查看个人信息，会在右边列表显示个人信息页面，可以在右边列表上方输入员工姓名进行搜索，详情如图5-7所示：图5-7查看信息修改个人信息点击左部个人信息的一级菜单，会下拉出修改个人信息二级菜单，点击修改个人信息，会到达修改个人信息页面，详情如图5-8所示：图5-8修改个人信息查看考勤情况点击左部个人信息的一级菜单，会下拉出修改个人信息二级菜单，点击查看考勤记录，会到达达考勤详情页面，详情如图5-9所示：图5-9考勤详情页面查看加班情况加班是多数企业员工会遇到的问题，在考勤系统中也应该包含这一部分，加班信息如图5-10所示：图5-10查看加班页面申请请假员工请假也是考勤管理的一部分，点击查看申请请假到达请假页面，详情如图5-11所示：图5-11申请请假页面查看请假记录点击左部个人信息的一级菜单，会下拉出修改个人信息二级菜单，点击查看考勤记录，会到达达考勤详情页面，详情如图5-12所示：图5-12请假记录页面员工管理员工管理是对公司员工信息进行修改，包括“在职员工管理”、“离休员工管理”、“员工档案管理”、“员工调动记录”。在职员工管理在职员工页面，可以对当前所有员工进行查看、修改、删除、添加。点击添加员工，可以为新来的员工注册工号和密码，详情如图5-13所示：图5-13在职员工页面离休员工管理点击离休员工管理，可以看到选中离休员工的详细信息，详情如图5-14所示：图5-14离休员工页面

员工档案管理点击员工档案管理，可以看到员工所有的档案资料的详细信息，详情如图5-15所示：图5-15员工档案页面员工调动记录点击员工调动记录，可以看到员工所有的调动记录的详细信息。详情如图5-16所示：图5-16员工调动页面

考勤管理考勤管理是针对员工上班、下班的考勤记录查看，可以清楚显示所有员工的考勤情况。对于企业来说，加班也是考勤的一部分，因此在这个模块中一共有“考勤管理”和“加班管理”两个模块，详情如图5-17所示：图5-17考勤管理页面考勤管理在二级菜单中，点击三级菜单中的考勤管理，可以查看所有员工的考勤情况，详情如图5-18所示：图5-18考勤情况页面加班管理在二级菜单中，点击三级菜单中的加班管理，可以查看所有员工的加班情况，点击“安排加班”，可以为加班员工添加加班信息登记，详情如图5-19所示：图5-19加班管理页面点击“安排加班”后，可以添加部门和员工的加班信息，详情如图5-20所示：图5-20安排加班页面请假管理请假管理是针对员工病假、事假的一种考勤制度的查看，在这个模块中可以清楚显示所有员工的请假情况。对于企业来说，请假也是考勤记录的一部分，因此在这个模块中一共有“未批准列表”、“已批准列表”和“请假记录”三个模块。未批准列表未批准列表是对员工请假事由还未批准假期的审核，管理员可以在此查看请假的详细信息与批准假期，详情如图5-21所示：图5-21未批准列表点击查看可以查看到员工的请假详情，点击批准时未批准列表自动删除点已批准的请假信息。已批准列表已批准列表是对员工请假已经批准假期的查看，管理员可以在此查看已经审核通过的请假详细信息，详情如图5-22所示：图5-22已批准列表

请假记录请假记录是对已批准请假和未批准请假两个模块的全部记录查看，详情如图5-23所示：图5-23请假列表部门管理部门管理是对员工所组成的一个小区域进行组织上的管理。在部门管理中可以查看公司各个部门的详细信息，也可以添加新的部门出来。部门信息在部门管理中，可以查看部门的电话、地址，也可以对部门进行修改信息，删除部门，添加部门；点击修改部门，新页面可以回显当前点击到的部门资料进行修改；点击增加部门，新页面可以添加新的部门资料，详情如图5-24所示：图5-24部门信息职称信息职称管理是对员工权限的一种限制，包含可以对员工权限进行修改、删除和新增；点击修改时，新页面可以回显当前点击到的职称资料进行修改；点击增加职称，新页面可以添加新的职称资料，详情如图5-25所示：图5-25职称信息

第六章WEB考勤系统后台设计与实现考勤后台的设计是为公司高级领导方便查看公司人员情况而设计的，其中包括后台的“用户管理”、“角色管理”、“菜单管理”、“系统日志”、“考勤可视化”。后台登录进入后台登录页面，登录成功后到达后台主页，后台主页如图6-1所示：图6-1后台登陆后台主页上部：首页模块包括3个主要的部分，前端采用layui框架。位置分别为上部、左部侧边栏、右部list列表。上部显示登录人员账号ID，点击账号ID时可以出现“个人信息”、“设置密码”、“注销”三个选项；点击个人信息，出现当前用户的详细信息；点击设置密码，出现弹窗修改当前账号密码；点击注销则会退出登录，回到登录页面，详情如图6-2所示：图6-2后台主页左部侧边栏的实现后台的左边侧边栏与前台布局一致，左边是所有功能的展示，因为后台开发模块较少，因此没有其他功能点的二级菜单出来，只有系统管理作为一级菜单，然后出现后台用户管理等的二级菜单。右部list列表的实现右部list列表是网站的骨干，点击左边侧边栏都会在右部list列表显示。默认显示空白的页面。用户管理用户列表详情如图6-3所示：图6-3后台页添加用户详情如图6-4所示：图6-4后台页禁用用户详情如图6-5所示：图6-5后台页删除用户详情如图6-6所示：图6-6后台页锁定用户详情如图6-7所示：图6-7后台页恢复用户详情如图6-8所示：图6-8后台角色管理角色列表页面图6-9角色列表添加角色图6-10添加角色修改角色图6-11修改角色删除角色图6-12删除角色角色授权图6-13角色授权菜单管理菜单列表图6-14后台菜单列表新增菜单图6-15后台新增菜单修改菜单图6-16后台修改菜单删除菜单图6-17后台删除菜单系统日志图6-18系统日志搜索功能用户模块搜索在用户管理中，可以根据用户的状态、登录名、姓名进行联合搜索，也可以单独搜索，其中登录名和姓名是模糊查询，详情如图6-19所示：图6-19用户模块搜索角色模块搜索功能在角色管理中，可以根据角色的角色名搜索，角色名搜索是模糊查询，详情如图6-20所示：图6-20角色模块搜索系统日志搜索功能在系统日志中，可以根据登录名、时间访问来搜索数据，其中登录名搜索是模糊查，详情如图6-21所示：图6-21日志模块搜索考勤数据可视化考勤数据可视化是对前台员工打卡后数据的一种渲染方式，包含折线图、柱状图等，能多角度一目了然了解员工考勤等情况，详情如图6-22所示：图6-22考勤可视化第七章系统测试测试的目的与目标系统测试是一个软件开发过程中必不可少的步骤[10]，为什么需要对软件进行测试呢？其实在开发软件的时候，开发人员可能会因为自己的逻辑习惯、开发人员之间的协助配合、需求不明确等因素产生系统的BUG，每个系统都有或多或少的BUG，而测试就是在系统发布前尽可能找出这些BUG，然后去修复它，使系统健壮性更强，无论是在做学校毕业设计，还是企业的实际项目，都应该注重系统测试，系统测试越完善，用户体验越好，产品质量也会提高。测试方法黑盒测试和白盒测试，白盒测试可以通过输入一些特定的值测试系统返回的结果，看是否能达到预期。黑盒测试可以随意输入值查看系统的运行流程；静态测试和动态测试，这种测试方法是区分程序是否运行[11]；单元测试、集成测试等等，这些测试方式都是基于在系统开发中常用的测试方法；系统开发的每一个功能点都可以作为单独一个模块，大到整个系统，小到一个功能的接口，模块测试可以对每个功能点单独模块化出来测试，可以先单独测试每一个模块，测试没问题后再进行模块整理，对多个模块进行整体测试，在测试过程中需要自己设计测试用例，也可以通过测试工具。集成测试是将所有功能模块都整合到一起进行测试，单独的模块测试可能没问题，但整合起来可能会出现各种BUG，这一步对于系统测试来说是相当重要的，因为系统是一个整体，只有整合起来测试没问题才是整个系统没问题。测试过程中可以用以下问题作为考量：整合系统测试时，系统模块之间的数据是否会丢失；系统整合是否会出现冲突；系统整合完毕是否能达到最初功能设计的样子；软件的数据结构是否会存在差异；模块之间的错误堆积起来是否能满足最初系统开发的要求。对程