基 JAVA WEB 考勤系统设计实现
Design and Implementation of Attendance System Based on JAVA WEB
摘
科技发展带动系列产业升级创新网络技术断更新迭代击着日常生活状态越越想更方便记录身企业考勤情况企业部门样化传统考勤统计中带麻烦网考勤便成思考方式
企业中天事务繁琐着例员工出勤员工考核公司年度报告财务报告等等事务完成会显复杂计算机网络发展带企业样理方式：建立套健全公司理方式完成事务交计算机员工出勤信息保等做基WEB考勤系统
提供便利发展计算机动力WEB考勤系统方便快捷令员工班进行卡统计广身考勤情况身企业部门紧密结合起提高考勤效率着运营成低考勤真实性统计方便考勤数视化等特点
关键词：WEB 考勤 网络考勤 考勤系统
Abstract
The development of science and technology has driven the upgrading and innovation of a series of industries the continuous updating and iteration of network technology has impacted people＇s daily life People increasingly want to make it easier to record the attendance of their own companies However the diversification of the corporate sector has caused people a lot of trouble in the traditional attendance statistics so online attendance has become a way for people to think
In an enterprise different affairs are cumbersome every day such as employee attendance employee assessment company＇s annual report financial report etc These tasks can be complicated by humans today the development of computer networks can Bring different management methods to the enterprise for example establish a sound company management method and hand over everything that everyone can complete to the computer so we can make a webbased attendance system for employee attendance and information storage
Providing convenience for people is the biggest driving force for the development of computers Therefore the WEB time and attendance system can facilitate and quickly allow employees to check in and out of work and can closely integrate the majority of their own attendance and their own corporate departments which greatly improves the efficiency of attendance It has the characteristics of low operating cost authenticity of attendance convenient statistics and visualization of attendance data
Key words Attendance Network Attendance WEB Attendance System
目录
第章 绪 1
11 课题背景 1
12 课题目意义 2
13 国外研究现状 2
14 国研究现状 2
第二章 行性分析 3
21 社会行性 3
22 技术行性 3
23 操作行性 3
24 系统技术介绍 3
241 JavaScript 3
242 JQuery 4
243 MySQL 4
244 MVC 4
245 JDBC 4
246 DBUtils 5
247 C3P0 5
248 SSM 5
249 Layui 5
25 系统运行台运行环境 5
251 系统运行台 5
252 运行环境 6
第三章 需求分析 7
31 系统功模块概述分析 7
(1) 前台部分 7
(2) 台部分 7
32 系统功模块设计 7
321 前台功模块 7
322 台功模块 8
第四章 数库分析 9
41 选择数库原 9
42 概念模型设计 9
421 实体 9
422 联系 9
43 数库表设计 12
(1) attendance 13
(2) department 13
(3) employee 13
(4) history 14
(5) lea 14
(6) move 15
(7) overtime 15
(8) position 15
(9) rewards_punishment 16
第五章WEB考勤系统前台设计实现 17
51 页页面 17
(1) 部实现 17
(2) 左边侧边栏 18
(3) 右部列表实现 18
52 员工模块 18
521 添加员工 19
522 户登录 20
523 修改前户密码 21
524 退出 21
53 信息模块 22
531 查信息 22
532 修改信息 22
533 查考勤情况 23
534 查加班情况 23
535 申请请假 24
536 查请假记录 25
54 员工理 25
541 职员工理 25
542 离休员工理 26
543 员工档案理 27
544 员工调动记录 27
55 考勤理 28
551 考勤理 28
552 加班理 29
56 请假理 30
561 未批准列表 30
562 已批准列表 31
563 请假记录 32
57 部门理 32
571 部门信息 32
572 职称信息 33
第六章WEB考勤系统台设计实现 34
61 台登录 34
62 台页 34
63 户理 35
631 户列表 35
632 添加户 36
633 禁户 36
634 删户 37
635 锁定户 37
636 恢复户 38
64 角色理 38
641 角色列表页面 38
642 添加角色 39
643 修改角色 39
644 删角色 40
645 角色授权 40
65 菜单理 41
651 菜单列表 41
652 新增菜单 41
653 修改菜单 42
654 删菜单 42
66 系统日志 43
67 搜索功 43
671 户模块搜索 43
672 角色模块搜索功 44
673 系统日志搜索功 44
68 考勤数视化 45
第七章 系统测试 46
71 测试目目标 46
72 测试方法 46
73 测试例 47
74 测试结 47
结 48
参考文献 49
致谢 50
第章 绪
11 课题背景
家企业需公司员工进行考勤理公司基理利衡量员工公司工作状况现部分公司考勤结果信息作员工薪酬福利分配标准员工出勤天数程度决定着身岗位晋升年度考核员工说考勤结果成关注事宜
着互联网技术断发展行业考勤理方式断时俱进前手工工记录考勤信息硬件IC考勤卡手指指纹卡工智面部识卡RFID射频技术卡回顾考勤发展考勤卡方式科学技术含量越越高然存法快速准确获员工出勤信息
现少数企业机构旧传统方式记录员工出勤情况般勇敢工记录方式显示通常手动excel表格摘记录然excel表格种简单高效记录方式受观性影响易出现脏数现象企业机构急需建立套方便快捷符合实际考勤理信息系统
企业说拥套科学快速高效考勤系统两方式：通身具体理需求定制属公司考勤系统软件二购买常规考勤系统产品
套科学高效考勤理系统利提高企业信息理水信息理企业说必少理手段通信息理时候幅度减少干预保证结果公正性减少企业工成提高企业济效益
公司部门基日常工作员工出勤理理出勤般会消耗量资源例传统公司：进入21世纪国济形势愈发变更社会市场规模断壮企业相应发展企业发展时员工数量断增加员增加会加公司理难度现许公司事理旧处工手动操作阶段中包括手动记录考勤手动记录考勤理难度较部门需额外名员出负责部门员出勤情况加统计样手动记录考勤仅工作效率低员工出勤率会收负责观影响法满足企业发展需求
智化考勤系统显必会带企业新发展：第便公司员数量庞员需网站进行考勤公司部门负责员繁重记录考勤中释放出负责工作精力放实际工作中第二计算机代传统工统计工作充分发挥计算机优势幅度提供记录考勤效率统计数程中错误遗漏降低第三网络考勤事务演变成员工处理员工天出勤情况考勤变更加透明化公
12 课题目意义
前行业竞争日益激烈天提高工作效率质量企业必须解决掉重问题
WEB考勤系统需企业户面面进行考勤卡登记户时登录考勤网站查考勤信息忘记考勤卡通公司负责考勤员台补卡样提高考勤效率
网络考勤系统仅减少力物力消耗降低运营成考勤卡规定时间点进行实现真实卡需员理日卡情况时WEB考勤系统更容易开拓企业工作质量提高效率利推动考勤方便化提高考勤真实性
通研究国国外相关企业考勤方式准备开发基WEB考勤系统开发作毕业设计题立足设计网络台运行集考勤卡统计员信息理等功体考勤系统力量推动企业考勤发展
13 国外研究现状
信息社会飞速发展互联网技术断提高通互联网进行考勤卡种新趋势利互联网进行考勤卡统计疑应时代发展潮流国外工成昂贵传统行业新兴技术行业企业断发展时需求量断扩时部门员会断增传统考勤卡方式肯定会提供公司成运营降低工作效率时信息化手段处理十分复杂事务网考勤卡孕育生
14 国研究现状
进入21世纪国计算机水断提高计算机数逐步提高21世纪前计算机特定群时计算机价格昂贵济发展科技发展越越计算机走入普通生活通计算机做许事情购物聊天等等种情况充分说明国互联网技术断发展互联网普网络考勤成种新型考勤方式[1]现企业开发属网络考勤方式例通微信公众号考勤APP考勤RFID考勤等等属互联网考勤种方式
第二章 行性分析
21 社会行性
考勤公司基理员工种工作方式员工薪酬考勤结果衡量前公司说考勤方式停留半手工理阶段考勤信息利够智化手工记录繁杂数未数字化利公司理通前面分析希开发提高公司效率WEB考勤理系统基功：员工信息存储删修改新增等功员工登录考勤系统通登录网页进行班卡卡结果会返回考勤模块员工卡系统会动识员工卡否班时间前签者班时间签签时间应结果会外系统公司部门模块请假加班等模块极方便事部门记录公司员工班情况企业员工考勤理问题通网络考勤解决网络考勤提高事记录考勤效率利快速解公司员工工作岗位工作状态网络考勤员工理透明化更约束员工觉卡考勤等
22 技术行性
WEB考勤系统端技术JSP作动态页面SpringSpring MVC端技术提供支撑数操作层MyBatis数存储MySQL电脑系统Windows 前端Layui框架进行前台台展示层设计数操作端JDBC连接数库通DAO层封装数查询修改等方法进行交互端技术JSPSpringSpring MVCMyBatis现互联网企业常网站技术框架MySQL操作简单命令行操作视化工具中操作套前端技术框架利考勤系统
硬件方面硬件研发断发展计算机容量断加网络宽带兆变成光纤现电脑发展水运行WEB项目系统完成没问题
23 操作行性
软硬件系统提供强力支撑系统网站性台需户载安装等登录网站操作方便系统界面复杂操作流程绝数网站致
24 系统技术介绍
241 JavaScript
JavaScript作种静态页面提供动态效果脚语言运十分广泛例监听点击事件等前端框架实现基进行创新般客户端Web开发种脚语言够静态页面渲染动态效果[2]项目系统运JavaScript技术够前端渲染提供性化技术支持
242 JQuery
JavaScript创新版JQuery相较JavaScript说JQuery封装许新技术开发初理念程序员少写点代码框架做更JQuery发布许JavaScript高手断进行改善操作性方便性提高许[3]
JQuery文档象DOM元素等操作更方便Ajax异步请求功外JQuery开放API出开发者行编写特制插件样方式令开发员快捷开发出强页面[4]
243 MySQL
MySQL学生涯中第次接触数库课程相关系式数库类型MySQL操作较方便重开源绝数网站基MySQL进行数存储项目系统正MySQL做数存储工具
244 MVC
MVCM模型V视图C控制器MVC八十年代设计出种软件设计模式现然开发员广泛引Sun公司引种设计模式
作种设计模式MVC强调软件输出输入处理分开出MVC设计模式应该软件设计分成三核心模型视图控制器[5]
(1) 模型
MVC中M模型意思代表含义数规三核心中模型需处理务需通构建象操作数库模型身返回数格式相关模型提供视图数模型代码性高
(2) 视图
MVC中V视图意思代表含义户交互界面HTML技术产生页面质实视图年视图呈现技术断更新例FLASHHTML5等等MVC模型说够根软件处理视图
(3) 控制器
MVC中C控制层控制层系统开发中起承启作户页面操作会通前端方式传递端控制层接收响应户操作户提交页面信息时会先调端控制层接口控制层调会根户调接口层进行查询者操作层层调终会返回控制层控制层操作结果返回前端页面控制层作
245 JDBC
数库连接工具种例JDBCJDBC端SQL语句数库提供访问路径种工具质段Java代码先链接数库需操作数库时候数库发送指令完成返回结果回
作端代码层数库间媒介JDBC极方便开发员数库操作开发员通JDBC API相应数库发送SQL语句开发员java语言JDBC相结合写遍程序种台运行[6]
246 DBUtils
Common Dbutils通传统操作数类进行封装组成组件功数库返回结果集转种类型前端需结果响应方式决定端需提供什类型结果集前端Common Dbutils正做工作前端需返回List集合端返回数时需调Common Dbutils封装List集合方法简化开发员开发流程降低代码冗余
247 C3P0
C3P0连接池工具发起次数库连接JDBC会创建连接数库样疑会消耗量资源C3P0运起质实C3P0事先已储备连接象容中某位置需连接数库时调
248 SSM
(1) Spring
Spring作Java框架极方便开发员开发传统开发程中开发员次调象需new象出Spring通xml配置文件动态理象创建
(2) Spring MVC
Spring MVC作WEB开发框架SpringMVC设计模式优化运Spring MVC请求进行拦截然调相应控制器处理
(3) Mybatis
Mybatis通JDBC封装形成工具作持久层先通SqlSessionFactoryBuilder工厂工厂实例继实例通xml文件映射实体映射会产生出Mapper文件里面保存着SQL语句
综述SSM框架层层调调返回前端传统开发技术区方Spring简化开发员编码
249 Layui
Layui种前端框架开发员方便开发程中需官方网站包配置项目中开发实例官网学查
25 系统运行台运行环境
251 系统运行台
Tomcat作服务器选择功全面开源考勤系统选Tomcat作服务器部署Tomcat质实WAR文件WAR文件种WEB应该程序格式文件压缩包运行发布中开发工具中配置Tomcat服务器项目部署Tomcat目录单独运行
系统需具体运行台表 21 示：
表 21 运行台表
软件
途
Eclipse
编写代码
Process On
书画 ER 图
Tomcat
项目发布服务器软件
Postman
测试接口工具
Mysql
项目数存储软件
252 运行环境
系统需运行环境表 22 示：
表 22 运行环境表
环境
硬件配置
开发环境
Win7 64位版
CPU i5
存 4GB
硬盘 512GB
浏览器
IEFire FoxGoogle Chrome
第三章 需求分析
31 系统功模块概述分析
WEB考勤卡模型典型网考勤实践中普遍新型考勤卡模式包括员工注册登录信息员工理考勤理请假理搜索员工等基功外会实现考勤端理模块例员工添加员工删等功模块系统开发程中JSP等技术设计阶段软件工程开发规范合理运软件设计模式减少系统模块间冗余度保证系统稳定
WEB考勤系统功：
(1) 前台部分
页：卡签
信息：信息增删查改加班信息理请假理等
员工理：职员工理离休员工理员工档案理员工调动记录等
考勤理：考勤信息加班信息
请假理：未批准列表已批准列表请假记录
部门理：部门理职称理
(2) 台部分
户：户登录
户理：新增户修改户删户禁户锁定户恢复户
角色理：新增角色修改角色删角色角色授权
菜单理：添加菜单删菜单编辑菜单
系统日志：系统日志信息
考勤情况：考勤数分析
32 系统功模块设计
通分析系统系统分前台台功模块图
321 前台功模块
前台：前台七模块模块属功例户登录页签信息等具体图31示
图 31 前台功图
322 台功模块
台：台三模块模块属功例户模块菜单模块考勤信息模块等具体图32示：
图 32 台功图
第四章 数库分析
41 选择数库原
系统产生数量般会数库言需够处理量数数库台Mysql选择
42 概念模型设计
概念模型逻辑转现实观察触摸种方式具体抽象概念组织成某具体数模型通转换变成机器明白数类型种结构类型需具体赖计算机概念模型通模型转计算机某种数库系统支持数模型实际言概念模型助开发
概念模型具体包括实体联系
421 实体
实体事务等等某某件事情某物品等等抽象概念联系成实体说：签考勤员工部门公司奖惩等等[7]
422 联系
现实言事物身联系现实中万引力建立联系虚拟中会种联系身联系两实体联系联系联系：联系联系联系[8]
设计模型方式学中ER法ER法清楚表明实体间关系ER建立模型称ER模型通现实世界分析[9]WEB考勤系统核心ER模型图41示
图 41 系统核心模型图
根概念模型设计规划实体：员工部门考勤率员工历史情况请假员工角色等实际开发中实体数量重部分示
(1) 员工实体
员工实体重部分员工ID姓名密码具体图42示：
图 42 员工实体图
(2) 部门实体
部门实体重部分部门ID部门名称部门负责具体图43示：
图 43 部门实体图
(3) 出勤实体
出勤实体重部分员工ID考勤时间签具体图44示：
图 44 出勤实体图
(4) 员工历史实体
员工历史实体记录员工公司情况包含员工入职时间离职时间信息等重部分员工ID员工信息员工职情况具体图45示：
图 45 员工历史实体图
(5) 请假实体
请假实部门中员工请假信息登记例请假时间请假理否批准等重部分员工ID部门ID请假信息请假状态具体图46示：
图 46 请假实体图
(6) 角色实体
角色实体根员工职位进行创建重部分角色ID名字职位具体图47示：
图 47 角色实体图
43 数库表设计
数库表设计前面工作基础完成需实体数计算机明白方式存储起例数项记录记录记录间联系稳定性约束性等进行数库表设计时ER模型现实时间逻辑结构相致功运行效率满足户
系统核心数库表：
(1) attendance
attendance员工出勤表设计设计结构表41示：
表 41 出勤表
字段名称
数类型
键
否空
说明
id
int(10)
Y
N
键
employee_number
int(50)
N
Y
员工ID
day
date
N
Y
时间
time_type
enum
N
Y
午午加班
start_time
time
N
Y
班卡时间
start_type
enum
N
Y
班卡情况（正常迟）
end_time
time
N
Y
班卡时间
end_type
enum
N
Y
班卡情况（正常早退）
work_type
enum
N
Y
班请假
notes
varchar(50)
N
Y
备注
(2) department
department员工部门表设计设计结构表42示：
表 42 部门表
字段名称
数类型
键
否空
说明
id
int(10)
Y
N
键
department_number
int(50)
N
Y
部门ID
name
varchar(32)
N
Y
部门名称
manager
varchar(32)
N
Y
部门负责
telephone
varchar(32)
N
Y
部门电话
address
varchar(32)
N
Y
部门址
notes
varchar(50)
N
Y
备注
(3) employee
employee员工信息表设计结构表43示：
表 43 员工信息表
字段名称
数类型
键
否空
说明
id
int(10)
Y
N
键
employee_number
int(10)
N
Y
员工ID
name
varchar(50)
N
Y
员工名字
gender
enum
N
Y
性
birthday
date
N
Y
生日
telephone
varchar(32)
N
Y
电话
email
varchar(32)
N
Y
邮箱
address
varchar(32)
N
Y
住址
photo
varchar(32)
N
Y
片
education
varchar(32)
N
Y
学历
department_number
int
N
Y
部门ID
position_number
int
N
Y
员工角色ID
in_time
date
N
Y
入职时间
password
varchar(50)
N
Y
密码
notes
varchar(50)
N
Y
备注
(4) history
history员工职历史表设计结构表44示：
表 44 员工职历史表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
employee_number
int
N
N
员工ID
name
varchar(32)
N
N
员工名字
gender
enum
N
N
性
birthday
date
N
N
生日时间
telephone
varchar
N
N
电话
email
varchar
N
N
邮箱
address
varchar
N
N
住址
photo
varchar
N
N
片
education
varchar
N
N
学历
in_time
date
N
N
入职时间
out_time
date
N
N
离职时间
department_number
int
N
N
部门ID
position_number
int
N
N
员工角色ID
status
enum
N
N
职情况
home
varchar
N
N
老家住址
notes
varchar
N
N
备注
(5) lea
lea员工请假表表结构设计表45示：
表 45 员工请假表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
employee_number
int
N
N
员工ID
department_number
int
N
N
部门ID
start_time
date
N
N
请假开始时间
end_time
date
N
N
请假结束时间
days
varchar
N
N
请假天数
reason
varchar
N
N
请假原
type
enum
N
N
请假类型（事假病假等）
manager
varchar
N
N
负责
status
enum
N
N
请假状态（已批准未批准）
notes
varchar
N
N
备注
(6) move
move员工移动记录表设计表结构表46示：
表 46 员工移动记录表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
employee_number
int
Y
N
员工ID
before
int
Y
N
前时间
after
int
Y
N
时间
time
datetime
Y
N
具体时间
manager
varchar
Y
N
负责
notes
varchar
Y
N
备注
(7) overtime
overtime员工加班表设计表结构表47示：
表 47 员工加班表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
department_number
int
N
N
部门ID
employee_number
int
N
N
员工ID
day
date
N
N
时间
start_time
time
N
N
开始时间
end_time
time
N
N
结束时间
notes
varchar
N
N
备注
(8) position
position角色职位表设计表结构表48示：
表 48 角色职位表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
position_number
int
N
N
角色ID
name
varchar
N
N
角色名字
level
date
N
N
职位
notes
varchar
N
N
备注
(9) rewards_punishment
rewards_punishment员工奖惩表设计表结构表49示：
表 48 员工奖惩表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
employee_number
int
N
N
员工ID
type
varchar
N
N
奖惩类型
reason
varchar
N
N
原
money
float
N
N
奖金罚金
time
datetime
N
N
时间
manager
varchar
N
N
负责
notes
varchar
N
N
备注
第五章 WEB考勤系统前台设计实现
WEB考勤系统整前台部分供员工考勤卡查信息部分员工通工号登录查系统界面企业说保证界面优美时应该注重功健壮性员工者员说系统方便重系统Layui框架作展示层功操作具方便性
51 页页面
页页面包括3部分前端采Layui框架位置分部左部侧边栏右部list列表页页面图51示
图 51 页页面图
(1) 部实现
部包含两部分容：搜索框登录名
搜索框员工姓名进行搜索搜索出会显示员工理模块
登录名根员工登录进回显前户名点击时会出现账号注销登录两选项
点击注销登录会退出前账号重新进入登录页面
点击账号时显示前账号信息详情图52示：
图 52 信息
(2) 左边侧边栏
左边功展示功点会属前功点功例信息菜单面查信息等功操作较方便点击级菜单显示前菜单面二级菜单
(3) 右部列表实现
右部list列表网站骨干点击左边侧边栏会右部list列表显示默认显示考勤卡页面考勤卡页面中员工应点击班签班签实现考勤记录
52 员工模块
注册户构成网站体重组成部分系统面企业部没提供注册页面添加新员工时需通超级理员进行添加户添加图53示：
图 53 添加员工
521 添加员工
超级理员点击级菜单员工理点击二级菜单中职员工理点击选择添加员工钮进入添加员工列表
理员根工号密码添加新员工新员工通属工号密码进行登录添加新员工图54示：
图 54 添加新员工
表单校验：
注册页面JS户输入数进行校验：
登录密码：空长度必须4字符
确认密码：空必须登录密码相
Email：空必须正确Email格式
522 户登录
通访问址登录页面登录时会输入条件进行判断：
表单校验
户名：空户名否存
密码：空长度必须4字符
登录表单校验通获取表单信息表单信息通台控制层业务层数操作层数库进行匹果户名密码正确进入页页面否重新刷新登录页面
户成功登录浏览器会跳转页登录成功页显示前户名称左边侧边栏菜单信息总言登录成功户进入页功游客法进入登录页面登录成功进入页图55示：
图 55 登录成功
523 修改前户密码
户登录成功点击账号会达修改信息页面信息里面修改前户密码
表单校验
新密码：空长度必须4字符
修改密码表单校验通获取表单信息表单信息通台控制层业务层数操作层数库进行匹然通工号密码进行修改修改页面图56示：
图 56 修改密码
524 退出
户登录点击注销登录完成退出退出成功会达登录页面
53 信息模块
531 查信息
页左部侧边栏点击信息二级菜单时会出现二级菜单面三级菜单点击三级菜单中查信息会右边列表显示信息页面右边列表方输入员工姓名进行搜索详情图57示：
图 57 查信息
532 修改信息
点击左部信息级菜单会拉出修改信息二级菜单点击修改信息会达修改信息页面详情图58示：
图 58 修改信息
533 查考勤情况
点击左部信息级菜单会拉出修改信息二级菜单点击查考勤记录会达达考勤详情页面详情图59示：
图 59 考勤详情页面
534 查加班情况
加班数企业员工会遇问题考勤系统中应该包含部分加班信息图510示：
图 510 查加班页面
535 申请请假
员工请假考勤理部分点击查申请请假达请假页面详情图511示：
图 511 申请请假页面
536 查请假记录
点击左部信息级菜单会拉出修改信息二级菜单点击查考勤记录会达达考勤详情页面详情图512示：
图 512 请假记录页面
54 员工理
员工理公司员工信息进行修改包括职员工理离休员工理员工档案理员工调动记录
541 职员工理
职员工页面前员工进行查修改删添加点击添加员工新员工注册工号密码详情图513示：
图 513 职员工页面
542 离休员工理
点击离休员工理选中离休员工详细信息详情图514示：
图 514 离休员工页面
543 员工档案理
点击员工档案理员工档案资料详细信息详情图515示：
图 515 员工档案页面
544 员工调动记录
点击员工调动记录员工调动记录详细信息详情图516示：
图 516 员工调动页面
55 考勤理
考勤理针员工班班考勤记录查清楚显示员工考勤情况企业说加班考勤部分模块中考勤理加班理两模块详情图517示：
图 517 考勤理页面
551 考勤理
二级菜单中点击三级菜单中考勤理查员工考勤情况详情图518示：
图 518 考勤情况页面
552 加班理
二级菜单中点击三级菜单中加班理查员工加班情况点击安排加班加班员工添加加班信息登记详情图519示：
图 519 加班理页面
点击安排加班添加部门员工加班信息详情图520示：
图 520 安排加班页面
56 请假理
请假理针员工病假事假种考勤制度查模块中清楚显示员工请假情况企业说请假考勤记录部分模块中未批准列表已批准列表请假记录三模块
561 未批准列表
未批准列表员工请假事未批准假期审核理员查请假详细信息批准假期详情图521示：
图 521 未批准列表
点击查查员工请假详情点击批准时未批准列表动删点已批准请假信息
562 已批准列表
已批准列表员工请假已批准假期查理员查已审核通请假详细信息详情图522示：
图 522 已批准列表
563 请假记录
请假记录已批准请假未批准请假两模块全部记录查详情图523示：
图 523 请假列表
57 部门理
部门理员工组成区域进行组织理部门理中查公司部门详细信息添加新部门出
571 部门信息
部门理中查部门电话址部门进行修改信息删部门添加部门点击修改部门新页面回显前点击部门资料进行修改点击增加部门新页面添加新部门资料详情图524示：
图 524 部门信息
572 职称信息
职称理员工权限种限制包含员工权限进行修改删新增点击修改时新页面回显前点击职称资料进行修改点击增加职称新页面添加新职称资料详情图525示：
图 525 职称信息
第六章 WEB考勤系统台设计实现
考勤台设计公司高级领导方便查公司员情况设计中包括台户理角色理菜单理系统日志考勤视化
61 台登录
进入台登录页面登录成功达台页台页图61示：
图 61 台登陆
62 台页
部：
首页模块包括3部分前端采layui框架位置分部左部侧边栏右部list列表
部显示登录员账号ID点击账号ID时出现信息设置密码注销三选项点击信息出现前户详细信息点击设置密码出现弹窗修改前账号密码点击注销会退出登录回登录页面详情图62示：
图 62 台页
左部侧边栏实现
台左边侧边栏前台布局致左边功展示台开发模块较少没功点二级菜单出系统理作级菜单然出现台户理等二级菜单
右部list列表实现
右部list列表网站骨干点击左边侧边栏会右部list列表显示默认显示空白页面
63 户理
户理前台户账号理包括新增修改删禁锁定恢复
631 户列表
点击左边菜单户理查户列表页面详情图63示：
图 63 台户理页
632 添加户
点击新增户台添加新户成员详情图64示：
图 64 台新增户页
633 禁户
户列表选择禁户详情图65示：
图 65 台禁户页
634 删户
户列表中删户详情图66示：
图 66 台删户页
635 锁定户
户列表中锁定户详情图67示：
图 67 台锁定户页
636 恢复户
户列表中恢复锁定者禁户详情图68示：
图 68 台恢复户
64 角色理
户理前台户权限理包括新增角色（超级理员普通理员）修改删授权
641 角色列表页面
点击左边菜单角色理查户角色列表页面角色列表图69示：
图 69 角色列表
642 添加角色
点击新增角色台添加新角色成员详情图610示：
图 610 添加角色
643 修改角色
点击修改角色修改角色编码角色名详情图611示：
图 611 修改角色
644 删角色
点击删角色选择删前选中角色详情图612示：
图 612 删角色
645 角色授权
点击角色授权前选中角色授权查级菜单权限详情图613示：
图 613 角色授权
65 菜单理
菜单理台级菜单新增修改删需填加新菜单选择填加新菜单
651 菜单列表
点击左边菜单菜单理查级菜单页面详情图614示：
图 614 台菜单列表
652 新增菜单
点击新增菜单台添加新菜单中级菜单选择菜单等级菜单路径端接口路径菜单排序菜单显示排序详情图615示：
图 615 台新增菜单
653 修改菜单
点击修改菜单修改台菜单列表中修改菜单等级菜单端接口路径菜单显示排序等详情图616示：
图 616 台修改菜单
654 删菜单
点击删菜单时删前选中菜单详情图617示：
图 617 台删菜单
66 系统日志
系统日志登录台户信息查里清晰户登录台什时间段登录IP少点击左边菜单系统日志查户访问台记录详情图618示：
图 618 系统日志
67 搜索功
页面搜索功通特定搜索条件实现全局搜索
671 户模块搜索
户理中根户状态登录名姓名进行联合搜索单独搜索中登录名姓名模糊查询详情图619示：
图 619 户模块搜索
672 角色模块搜索功
角色理中根角色角色名搜索角色名搜索模糊查询详情图620示：
图 620 角色模块搜索
673 系统日志搜索功
系统日志中根登录名时间访问搜索数中登录名搜索模糊查详情图621示：
图 621 日志模块搜索
68 考勤数视化
考勤数视化前台员工卡数种渲染方式包含折线图柱状图等角度目然解员工考勤等情况详情图622示：
图 622 考勤视化
第七章 系统测试
71 测试目目标
系统测试软件开发程中必少步骤[10]什需软件进行测试呢？实开发软件时候开发员会逻辑惯开发员间协助配合需求明确等素产生系统BUG系统少BUG测试系统发布前找出BUG然修复系统健壮性更强做学校毕业设计企业实际项目应该注重系统测试系统测试越完善户体验越产品质量会提高
72 测试方法
黑盒测试白盒测试白盒测试通输入特定值测试系统返回结果否达预期黑盒测试意输入值查系统运行流程
静态测试动态测试种测试方法区分程序否运行[11]
单元测试集成测试等等测试方式基系统开发中常测试方法
系统开发功点作单独模块整系统功接口模块测试功点单独模块化出测试先单独测试模块测试没问题进行模块整理模块进行整体测试测试程中需设计测试例通测试工具
集成测试功模块整合起进行测试单独模块测试没问题整合起会出现种BUG步系统测试说相重系统整体整合起测试没问题整系统没问题测试程中问题作考量：
l 整合系统测试时系统模块间数否会丢失
l 系统整合否会出现突
l 系统整合完毕否达初功设计样子
l 软件数结构否会存差异
l 模块间错误堆积起否满足初系统开发求
程序功测试性测试等否满足客户需求称确认测试效性测试根程序需求规格书作测试
进行系统测试时需握软硬件间关系身作户体验感受整系统系统测试目系统需求发现程序系统定义符合方
验收测试针户测试方式需先通效性测试系统测试参加测试员户开发员等[12]测试程中针实际情况产生数进行测试测试容基软件功性软件安全性等
73 测试例
通举例台户登录测试作介绍测试系统测试流程举例说明图登入测试结果想测试结果相致结果表71示
表 71 系统测试表
功特性
户登录验证
测试目
验证否输入合法信息
测试数
户名称：admin 密码：123
测试容
操作描述
数
期结果
实际结果
测试状态
1
输入户姓名登陆钮
户姓名：admin
密码空
显示警告信息户名密码误
显示警告信息户名密码误
期结果相
2
输入密码登陆钮
户姓名空密码：1111
显示警告信息户名密码误
显示警告信息户名密码误
期结果相
3
输入户姓名密码登陆钮
户姓名：admin
密 码：1
显示警告信息户名密码误
显示警告信息户名密码误
期结果相
4
输入户姓名密码登陆钮
户名：admin密 码：123
正确登入会员操作界面
正确登入台操作界面
期结果相
74 测试结
进行系统开发时代码写越简洁期测试出现错误会越少然测试程中出现错误需度紧张系统会问题出现保证系统基运行测试出现问题期针性进行解决
结
文写处快结束毕业设计身学四年说实种总结回顾方式做毕业设计时候学四年课堂学知识课学知识开发程中学知识总结中学前端框架端逻辑布局数库语句等重学会解决开发程中出现问题遇会问题时先思考番否什代方案果法解决针性官网文档谷歌stackoverflow搜索问题搜索程中需搜索关键词进行提炼成功解决问题写博客针遇问题提出思考解决方式
次毕业设计中学许课法呈现知识例代码开发中遇种类型错误：方法运行出现空指针前端数传送端接口配置文件报错等等通努力外界帮助成功解决掉提高开发水解决实际问题等
系统开发测试难免开发测试程中会遗漏出现错误真诚欢迎位老师学提出宝贵意见供继续改进完善
参考文献
[1] 刘宇基WEB企业定制考勤系统设计实现[D]吉林学2013
[2] 国互联网发展现状时事资料手册 (2016)63Print
[3] 齐芳中学教育资源理台设计研究科技创新生产力 11 (2013)5457Print
[4] 郑岚Python访问MySQL数库电脑编程技巧维护 06 (2010)6163Print
[5] 王宁杨庆忠MVC框架基MBUnit单元测试应研究信息技术信息化 01 (2011)6670Print
[6] 郑俊生姜敏种基MVC模式Web开发框架WebWork研究福建电脑 08 (2008)124+136Print
[7] 张忠辉田静学Java应该注意问题电脑编程技巧维护 20 (2011)170171Print
[8] 朱杰基HTML5台汽车美容理系统设计实现计算机时代 7 (2017)Print
[9] 唐菁敏王红彬王阳张伟周旋基SSM+ZD漏洞理台设计实现软件 2 (2018)139142Print
[10] 谢涵风蔡国宝夏曦王秀友基SSM寻亲互联网络台设计实现电脑知识技术 1504 (2019)9194Print
[11] 曲佳基ASPNET销售系统实现研究科技济市场 06 (2009)2021Print
[12] 赵春良考试理考试信息发布系统设计长江学学报(科版) 04 (2006)221222Print
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
基 JAVA WEB 考勤系统设计实现
Design and Implementation of Attendance System Based on JAVA WEB
摘
科技发展带动系列产业升级创新网络技术断更新迭代击着日常生活状态越越想更方便记录身企业考勤情况企业部门样化传统考勤统计中带麻烦网考勤便成思考方式
企业中天事务繁琐着例员工出勤员工考核公司年度报告财务报告等等事务完成会显复杂计算机网络发展带企业样理方式：建立套健全公司理方式完成事务交计算机员工出勤信息保等做基WEB考勤系统
提供便利发展计算机动力WEB考勤系统方便快捷令员工班进行卡统计广身考勤情况身企业部门紧密结合起提高考勤效率着运营成低考勤真实性统计方便考勤数视化等特点
关键词：WEB 考勤 网络考勤 考勤系统
Abstract
The development of science and technology has driven the upgrading and innovation of a series of industries the continuous updating and iteration of network technology has impacted people＇s daily life People increasingly want to make it easier to record the attendance of their own companies However the diversification of the corporate sector has caused people a lot of trouble in the traditional attendance statistics so online attendance has become a way for people to think
In an enterprise different affairs are cumbersome every day such as employee attendance employee assessment company＇s annual report financial report etc These tasks can be complicated by humans today the development of computer networks can Bring different management methods to the enterprise for example establish a sound company management method and hand over everything that everyone can complete to the computer so we can make a webbased attendance system for employee attendance and information storage
Providing convenience for people is the biggest driving force for the development of computers Therefore the WEB time and attendance system can facilitate and quickly allow employees to check in and out of work and can closely integrate the majority of their own attendance and their own corporate departments which greatly improves the efficiency of attendance It has the characteristics of low operating cost authenticity of attendance convenient statistics and visualization of attendance data
Key words Attendance Network Attendance WEB Attendance System
目录
第章 绪 1
11 课题背景 1
12 课题目意义 2
13 国外研究现状 2
14 国研究现状 2
第二章 行性分析 3
21 社会行性 3
22 技术行性 3
23 操作行性 3
24 系统技术介绍 3
241 JavaScript 3
242 JQuery 4
243 MySQL 4
244 MVC 4
245 JDBC 4
246 DBUtils 5
247 C3P0 5
248 SSM 5
249 Layui 5
25 系统运行台运行环境 5
251 系统运行台 5
252 运行环境 6
第三章 需求分析 7
31 系统功模块概述分析 7
(1) 前台部分 7
(2) 台部分 7
32 系统功模块设计 7
321 前台功模块 7
322 台功模块 8
第四章 数库分析 9
41 选择数库原 9
42 概念模型设计 9
421 实体 9
422 联系 9
43 数库表设计 12
(1) attendance 13
(2) department 13
(3) employee 13
(4) history 14
(5) lea 14
(6) move 15
(7) overtime 15
(8) position 15
(9) rewards_punishment 16
第五章WEB考勤系统前台设计实现 17
51 页页面 17
(1) 部实现 17
(2) 左边侧边栏 18
(3) 右部列表实现 18
52 员工模块 18
521 添加员工 19
522 户登录 20
523 修改前户密码 21
524 退出 21
53 信息模块 22
531 查信息 22
532 修改信息 22
533 查考勤情况 23
534 查加班情况 23
535 申请请假 24
536 查请假记录 25
54 员工理 25
541 职员工理 25
542 离休员工理 26
543 员工档案理 27
544 员工调动记录 27
55 考勤理 28
551 考勤理 28
552 加班理 29
56 请假理 30
561 未批准列表 30
562 已批准列表 31
563 请假记录 32
57 部门理 32
571 部门信息 32
572 职称信息 33
第六章WEB考勤系统台设计实现 34
61 台登录 34
62 台页 34
63 户理 35
631 户列表 35
632 添加户 36
633 禁户 36
634 删户 37
635 锁定户 37
636 恢复户 38
64 角色理 38
641 角色列表页面 38
642 添加角色 39
643 修改角色 39
644 删角色 40
645 角色授权 40
65 菜单理 41
651 菜单列表 41
652 新增菜单 41
653 修改菜单 42
654 删菜单 42
66 系统日志 43
67 搜索功 43
671 户模块搜索 43
672 角色模块搜索功 44
673 系统日志搜索功 44
68 考勤数视化 45
第七章 系统测试 46
71 测试目目标 46
72 测试方法 46
73 测试例 47
74 测试结 47
结 48
参考文献 49
致谢 50
第章 绪
11 课题背景
家企业需公司员工进行考勤理公司基理利衡量员工公司工作状况现部分公司考勤结果信息作员工薪酬福利分配标准员工出勤天数程度决定着身岗位晋升年度考核员工说考勤结果成关注事宜
着互联网技术断发展行业考勤理方式断时俱进前手工工记录考勤信息硬件IC考勤卡手指指纹卡工智面部识卡RFID射频技术卡回顾考勤发展考勤卡方式科学技术含量越越高然存法快速准确获员工出勤信息
现少数企业机构旧传统方式记录员工出勤情况般勇敢工记录方式显示通常手动excel表格摘记录然excel表格种简单高效记录方式受观性影响易出现脏数现象企业机构急需建立套方便快捷符合实际考勤理信息系统
企业说拥套科学快速高效考勤系统两方式：通身具体理需求定制属公司考勤系统软件二购买常规考勤系统产品
套科学高效考勤理系统利提高企业信息理水信息理企业说必少理手段通信息理时候幅度减少干预保证结果公正性减少企业工成提高企业济效益
公司部门基日常工作员工出勤理理出勤般会消耗量资源例传统公司：进入21世纪国济形势愈发变更社会市场规模断壮企业相应发展企业发展时员工数量断增加员增加会加公司理难度现许公司事理旧处工手动操作阶段中包括手动记录考勤手动记录考勤理难度较部门需额外名员出负责部门员出勤情况加统计样手动记录考勤仅工作效率低员工出勤率会收负责观影响法满足企业发展需求
智化考勤系统显必会带企业新发展：第便公司员数量庞员需网站进行考勤公司部门负责员繁重记录考勤中释放出负责工作精力放实际工作中第二计算机代传统工统计工作充分发挥计算机优势幅度提供记录考勤效率统计数程中错误遗漏降低第三网络考勤事务演变成员工处理员工天出勤情况考勤变更加透明化公
12 课题目意义
前行业竞争日益激烈天提高工作效率质量企业必须解决掉重问题
WEB考勤系统需企业户面面进行考勤卡登记户时登录考勤网站查考勤信息忘记考勤卡通公司负责考勤员台补卡样提高考勤效率
网络考勤系统仅减少力物力消耗降低运营成考勤卡规定时间点进行实现真实卡需员理日卡情况时WEB考勤系统更容易开拓企业工作质量提高效率利推动考勤方便化提高考勤真实性
通研究国国外相关企业考勤方式准备开发基WEB考勤系统开发作毕业设计题立足设计网络台运行集考勤卡统计员信息理等功体考勤系统力量推动企业考勤发展
13 国外研究现状
信息社会飞速发展互联网技术断提高通互联网进行考勤卡种新趋势利互联网进行考勤卡统计疑应时代发展潮流国外工成昂贵传统行业新兴技术行业企业断发展时需求量断扩时部门员会断增传统考勤卡方式肯定会提供公司成运营降低工作效率时信息化手段处理十分复杂事务网考勤卡孕育生
14 国研究现状
进入21世纪国计算机水断提高计算机数逐步提高21世纪前计算机特定群时计算机价格昂贵济发展科技发展越越计算机走入普通生活通计算机做许事情购物聊天等等种情况充分说明国互联网技术断发展互联网普网络考勤成种新型考勤方式[1]现企业开发属网络考勤方式例通微信公众号考勤APP考勤RFID考勤等等属互联网考勤种方式
第二章 行性分析
21 社会行性
考勤公司基理员工种工作方式员工薪酬考勤结果衡量前公司说考勤方式停留半手工理阶段考勤信息利够智化手工记录繁杂数未数字化利公司理通前面分析希开发提高公司效率WEB考勤理系统基功：员工信息存储删修改新增等功员工登录考勤系统通登录网页进行班卡卡结果会返回考勤模块员工卡系统会动识员工卡否班时间前签者班时间签签时间应结果会外系统公司部门模块请假加班等模块极方便事部门记录公司员工班情况企业员工考勤理问题通网络考勤解决网络考勤提高事记录考勤效率利快速解公司员工工作岗位工作状态网络考勤员工理透明化更约束员工觉卡考勤等
22 技术行性
WEB考勤系统端技术JSP作动态页面SpringSpring MVC端技术提供支撑数操作层MyBatis数存储MySQL电脑系统Windows 前端Layui框架进行前台台展示层设计数操作端JDBC连接数库通DAO层封装数查询修改等方法进行交互端技术JSPSpringSpring MVCMyBatis现互联网企业常网站技术框架MySQL操作简单命令行操作视化工具中操作套前端技术框架利考勤系统
硬件方面硬件研发断发展计算机容量断加网络宽带兆变成光纤现电脑发展水运行WEB项目系统完成没问题
23 操作行性
软硬件系统提供强力支撑系统网站性台需户载安装等登录网站操作方便系统界面复杂操作流程绝数网站致
24 系统技术介绍
241 JavaScript
JavaScript作种静态页面提供动态效果脚语言运十分广泛例监听点击事件等前端框架实现基进行创新般客户端Web开发种脚语言够静态页面渲染动态效果[2]项目系统运JavaScript技术够前端渲染提供性化技术支持
242 JQuery
JavaScript创新版JQuery相较JavaScript说JQuery封装许新技术开发初理念程序员少写点代码框架做更JQuery发布许JavaScript高手断进行改善操作性方便性提高许[3]
JQuery文档象DOM元素等操作更方便Ajax异步请求功外JQuery开放API出开发者行编写特制插件样方式令开发员快捷开发出强页面[4]
243 MySQL
MySQL学生涯中第次接触数库课程相关系式数库类型MySQL操作较方便重开源绝数网站基MySQL进行数存储项目系统正MySQL做数存储工具
244 MVC
MVCM模型V视图C控制器MVC八十年代设计出种软件设计模式现然开发员广泛引Sun公司引种设计模式
作种设计模式MVC强调软件输出输入处理分开出MVC设计模式应该软件设计分成三核心模型视图控制器[5]
(1) 模型
MVC中M模型意思代表含义数规三核心中模型需处理务需通构建象操作数库模型身返回数格式相关模型提供视图数模型代码性高
(2) 视图
MVC中V视图意思代表含义户交互界面HTML技术产生页面质实视图年视图呈现技术断更新例FLASHHTML5等等MVC模型说够根软件处理视图
(3) 控制器
MVC中C控制层控制层系统开发中起承启作户页面操作会通前端方式传递端控制层接收响应户操作户提交页面信息时会先调端控制层接口控制层调会根户调接口层进行查询者操作层层调终会返回控制层控制层操作结果返回前端页面控制层作
245 JDBC
数库连接工具种例JDBCJDBC端SQL语句数库提供访问路径种工具质段Java代码先链接数库需操作数库时候数库发送指令完成返回结果回
作端代码层数库间媒介JDBC极方便开发员数库操作开发员通JDBC API相应数库发送SQL语句开发员java语言JDBC相结合写遍程序种台运行[6]
246 DBUtils
Common Dbutils通传统操作数类进行封装组成组件功数库返回结果集转种类型前端需结果响应方式决定端需提供什类型结果集前端Common Dbutils正做工作前端需返回List集合端返回数时需调Common Dbutils封装List集合方法简化开发员开发流程降低代码冗余
247 C3P0
C3P0连接池工具发起次数库连接JDBC会创建连接数库样疑会消耗量资源C3P0运起质实C3P0事先已储备连接象容中某位置需连接数库时调
248 SSM
(1) Spring
Spring作Java框架极方便开发员开发传统开发程中开发员次调象需new象出Spring通xml配置文件动态理象创建
(2) Spring MVC
Spring MVC作WEB开发框架SpringMVC设计模式优化运Spring MVC请求进行拦截然调相应控制器处理
(3) Mybatis
Mybatis通JDBC封装形成工具作持久层先通SqlSessionFactoryBuilder工厂工厂实例继实例通xml文件映射实体映射会产生出Mapper文件里面保存着SQL语句
综述SSM框架层层调调返回前端传统开发技术区方Spring简化开发员编码
249 Layui
Layui种前端框架开发员方便开发程中需官方网站包配置项目中开发实例官网学查
25 系统运行台运行环境
251 系统运行台
Tomcat作服务器选择功全面开源考勤系统选Tomcat作服务器部署Tomcat质实WAR文件WAR文件种WEB应该程序格式文件压缩包运行发布中开发工具中配置Tomcat服务器项目部署Tomcat目录单独运行
系统需具体运行台表 21 示：
表 21 运行台表
软件
途
Eclipse
编写代码
Process On
书画 ER 图
Tomcat
项目发布服务器软件
Postman
测试接口工具
Mysql
项目数存储软件
252 运行环境
系统需运行环境表 22 示：
表 22 运行环境表
环境
硬件配置
开发环境
Win7 64位版
CPU i5
存 4GB
硬盘 512GB
浏览器
IEFire FoxGoogle Chrome
第三章 需求分析
31 系统功模块概述分析
WEB考勤卡模型典型网考勤实践中普遍新型考勤卡模式包括员工注册登录信息员工理考勤理请假理搜索员工等基功外会实现考勤端理模块例员工添加员工删等功模块系统开发程中JSP等技术设计阶段软件工程开发规范合理运软件设计模式减少系统模块间冗余度保证系统稳定
WEB考勤系统功：
(1) 前台部分
页：卡签
信息：信息增删查改加班信息理请假理等
员工理：职员工理离休员工理员工档案理员工调动记录等
考勤理：考勤信息加班信息
请假理：未批准列表已批准列表请假记录
部门理：部门理职称理
(2) 台部分
户：户登录
户理：新增户修改户删户禁户锁定户恢复户
角色理：新增角色修改角色删角色角色授权
菜单理：添加菜单删菜单编辑菜单
系统日志：系统日志信息
考勤情况：考勤数分析
32 系统功模块设计
通分析系统系统分前台台功模块图
321 前台功模块
前台：前台七模块模块属功例户登录页签信息等具体图31示
图 31 前台功图
322 台功模块
台：台三模块模块属功例户模块菜单模块考勤信息模块等具体图32示：
图 32 台功图
第四章 数库分析
41 选择数库原
系统产生数量般会数库言需够处理量数数库台Mysql选择
42 概念模型设计
概念模型逻辑转现实观察触摸种方式具体抽象概念组织成某具体数模型通转换变成机器明白数类型种结构类型需具体赖计算机概念模型通模型转计算机某种数库系统支持数模型实际言概念模型助开发
概念模型具体包括实体联系
421 实体
实体事务等等某某件事情某物品等等抽象概念联系成实体说：签考勤员工部门公司奖惩等等[7]
422 联系
现实言事物身联系现实中万引力建立联系虚拟中会种联系身联系两实体联系联系联系：联系联系联系[8]
设计模型方式学中ER法ER法清楚表明实体间关系ER建立模型称ER模型通现实世界分析[9]WEB考勤系统核心ER模型图41示
图 41 系统核心模型图
根概念模型设计规划实体：员工部门考勤率员工历史情况请假员工角色等实际开发中实体数量重部分示
(1) 员工实体
员工实体重部分员工ID姓名密码具体图42示：
图 42 员工实体图
(2) 部门实体
部门实体重部分部门ID部门名称部门负责具体图43示：
图 43 部门实体图
(3) 出勤实体
出勤实体重部分员工ID考勤时间签具体图44示：
图 44 出勤实体图
(4) 员工历史实体
员工历史实体记录员工公司情况包含员工入职时间离职时间信息等重部分员工ID员工信息员工职情况具体图45示：
图 45 员工历史实体图
(5) 请假实体
请假实部门中员工请假信息登记例请假时间请假理否批准等重部分员工ID部门ID请假信息请假状态具体图46示：
图 46 请假实体图
(6) 角色实体
角色实体根员工职位进行创建重部分角色ID名字职位具体图47示：
图 47 角色实体图
43 数库表设计
数库表设计前面工作基础完成需实体数计算机明白方式存储起例数项记录记录记录间联系稳定性约束性等进行数库表设计时ER模型现实时间逻辑结构相致功运行效率满足户
系统核心数库表：
(1) attendance
attendance员工出勤表设计设计结构表41示：
表 41 出勤表
字段名称
数类型
键
否空
说明
id
int(10)
Y
N
键
employee_number
int(50)
N
Y
员工ID
day
date
N
Y
时间
time_type
enum
N
Y
午午加班
start_time
time
N
Y
班卡时间
start_type
enum
N
Y
班卡情况（正常迟）
end_time
time
N
Y
班卡时间
end_type
enum
N
Y
班卡情况（正常早退）
work_type
enum
N
Y
班请假
notes
varchar(50)
N
Y
备注
(2) department
department员工部门表设计设计结构表42示：
表 42 部门表
字段名称
数类型
键
否空
说明
id
int(10)
Y
N
键
department_number
int(50)
N
Y
部门ID
name
varchar(32)
N
Y
部门名称
manager
varchar(32)
N
Y
部门负责
telephone
varchar(32)
N
Y
部门电话
address
varchar(32)
N
Y
部门址
notes
varchar(50)
N
Y
备注
(3) employee
employee员工信息表设计结构表43示：
表 43 员工信息表
字段名称
数类型
键
否空
说明
id
int(10)
Y
N
键
employee_number
int(10)
N
Y
员工ID
name
varchar(50)
N
Y
员工名字
gender
enum
N
Y
性
birthday
date
N
Y
生日
telephone
varchar(32)
N
Y
电话
varchar(32)
N
Y
邮箱
address
varchar(32)
N
Y
住址
photo
varchar(32)
N
Y
片
education
varchar(32)
N
Y
学历
department_number
int
N
Y
部门ID
position_number
int
N
Y
员工角色ID
in_time
date
N
Y
入职时间
password
varchar(50)
N
Y
密码
notes
varchar(50)
N
Y
备注
(4) history
history员工职历史表设计结构表44示：
表 44 员工职历史表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
employee_number
int
N
N
员工ID
name
varchar(32)
N
N
员工名字
gender
enum
N
N
性
birthday
date
N
N
生日时间
telephone
varchar
N
N
电话
varchar
N
N
邮箱
address
varchar
N
N
住址
photo
varchar
N
N
片
education
varchar
N
N
学历
in_time
date
N
N
入职时间
out_time
date
N
N
离职时间
department_number
int
N
N
部门ID
position_number
int
N
N
员工角色ID
status
enum
N
N
职情况
home
varchar
N
N
老家住址
notes
varchar
N
N
备注
(5) lea
lea员工请假表表结构设计表45示：
表 45 员工请假表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
employee_number
int
N
N
员工ID
department_number
int
N
N
部门ID
start_time
date
N
N
请假开始时间
end_time
date
N
N
请假结束时间
days
varchar
N
N
请假天数
reason
varchar
N
N
请假原
type
enum
N
N
请假类型（事假病假等）
manager
varchar
N
N
负责
status
enum
N
N
请假状态（已批准未批准）
notes
varchar
N
N
备注
(6) move
move员工移动记录表设计表结构表46示：
表 46 员工移动记录表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
employee_number
int
Y
N
员工ID
before
int
Y
N
前时间
after
int
Y
N
时间
time
datetime
Y
N
具体时间
manager
varchar
Y
N
负责
notes
varchar
Y
N
备注
(7) overtime
overtime员工加班表设计表结构表47示：
表 47 员工加班表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
department_number
int
N
N
部门ID
employee_number
int
N
N
员工ID
day
date
N
N
时间
start_time
time
N
N
开始时间
end_time
time
N
N
结束时间
notes
varchar
N
N
备注
(8) position
position角色职位表设计表结构表48示：
表 48 角色职位表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
position_number
int
N
N
角色ID
name
varchar
N
N
角色名字
level
date
N
N
职位
notes
varchar
N
N
备注
(9) rewards_punishment
rewards_punishment员工奖惩表设计表结构表49示：
表 48 员工奖惩表
字段名称
数类型
键
否空
说明
id
int
Y
N
键
employee_number
int
N
N
员工ID
type
varchar
N
N
奖惩类型
reason
varchar
N
N
原
money
float
N
N
奖金罚金
time
datetime
N
N
时间
manager
varchar
N
N
负责
notes
varchar
N
N
备注
第五章 WEB考勤系统前台设计实现
WEB考勤系统整前台部分供员工考勤卡查信息部分员工通工号登录查系统界面企业说保证界面优美时应该注重功健壮性员工者员说系统方便重系统Layui框架作展示层功操作具方便性
51 页页面
页页面包括3部分前端采Layui框架位置分部左部侧边栏右部list列表页页面图51示
图 51 页页面图
(1) 部实现
部包含两部分容：搜索框登录名
搜索框员工姓名进行搜索搜索出会显示员工理模块
登录名根员工登录进回显前户名点击时会出现账号注销登录两选项
点击注销登录会退出前账号重新进入登录页面
点击账号时显示前账号信息详情图52示：
图 52 信息
(2) 左边侧边栏
左边功展示功点会属前功点功例信息菜单面查信息等功操作较方便点击级菜单显示前菜单面二级菜单
(3) 右部列表实现
右部list列表网站骨干点击左边侧边栏会右部list列表显示默认显示考勤卡页面考勤卡页面中员工应点击班签班签实现考勤记录
52 员工模块
注册户构成网站体重组成部分系统面企业部没提供注册页面添加新员工时需通超级理员进行添加户添加图53示：
图 53 添加员工
521 添加员工
超级理员点击级菜单员工理点击二级菜单中职员工理点击选择添加员工钮进入添加员工列表
理员根工号密码添加新员工新员工通属工号密码进行登录添加新员工图54示：
图 54 添加新员工
表单校验：
注册页面JS户输入数进行校验：
登录密码：空长度必须4字符
确认密码：空必须登录密码相
Email：空必须正确Email格式
522 户登录
通访问址登录页面登录时会输入条件进行判断：
表单校验
户名：空户名否存
密码：空长度必须4字符
登录表单校验通获取表单信息表单信息通台控制层业务层数操作层数库进行匹果户名密码正确进入页页面否重新刷新登录页面
户成功登录浏览器会跳转页登录成功页显示前户名称左边侧边栏菜单信息总言登录成功户进入页功游客法进入登录页面登录成功进入页图55示：
图 55 登录成功
523 修改前户密码
户登录成功点击账号会达修改信息页面信息里面修改前户密码
表单校验
新密码：空长度必须4字符
修改密码表单校验通获取表单信息表单信息通台控制层业务层数操作层数库进行匹然通工号密码进行修改修改页面图56示：
图 56 修改密码
524 退出
户登录点击注销登录完成退出退出成功会达登录页面
53 信息模块
531 查信息
页左部侧边栏点击信息二级菜单时会出现二级菜单面三级菜单点击三级菜单中查信息会右边列表显示信息页面右边列表方输入员工姓名进行搜索详情图57示：
图 57 查信息
532 修改信息
点击左部信息级菜单会拉出修改信息二级菜单点击修改信息会达修改信息页面详情图58示：
图 58 修改信息
533 查考勤情况
点击左部信息级菜单会拉出修改信息二级菜单点击查考勤记录会达达考勤详情页面详情图59示：
图 59 考勤详情页面
534 查加班情况
加班数企业员工会遇问题考勤系统中应该包含部分加班信息图510示：
图 510 查加班页面
535 申请请假
员工请假考勤理部分点击查申请请假达请假页面详情图511示：
图 511 申请请假页面
536 查请假记录
点击左部信息级菜单会拉出修改信息二级菜单点击查考勤记录会达达考勤详情页面详情图512示：
图 512 请假记录页面
54 员工理
员工理公司员工信息进行修改包括职员工理离休员工理员工档案理员工调动记录
541 职员工理
职员工页面前员工进行查修改删添加点击添加员工新员工注册工号密码详情图513示：
图 513 职员工页面
542 离休员工理
点击离休员工理选中离休员工详细信息详情图514示：
图 514 离休员工页面
543 员工档案理
点击员工档案理员工档案资料详细信息详情图515示：
图 515 员工档案页面
544 员工调动记录
点击员工调动记录员工调动记录详细信息详情图516示：
图 516 员工调动页面
55 考勤理
考勤理针员工班班考勤记录查清楚显示员工考勤情况企业说加班考勤部分模块中考勤理加班理两模块详情图517示：
图 517 考勤理页面
551 考勤理
二级菜单中点击三级菜单中考勤理查员工考勤情况详情图518示：
图 518 考勤情况页面
552 加班理
二级菜单中点击三级菜单中加班理查员工加班情况点击安排加班加班员工添加加班信息登记详情图519示：
图 519 加班理页面
点击安排加班添加部门员工加班信息详情图520示：
图 520 安排加班页面
56 请假理
请假理针员工病假事假种考勤制度查模块中清楚显示员工请假情况企业说请假考勤记录部分模块中未批准列表已批准列表请假记录三模块
561 未批准列表
未批准列表员工请假事未批准假期审核理员查请假详细信息批准假期详情图521示：
图 521 未批准列表
点击查查员工请假详情点击批准时未批准列表动删点已批准请假信息
562 已批准列表
已批准列表员工请假已批准假期查理员查已审核通请假详细信息详情图522示：
图 522 已批准列表
563 请假记录
请假记录已批准请假未批准请假两模块全部记录查详情图523示：
图 523 请假列表
57 部门理
部门理员工组成区域进行组织理部门理中查公司部门详细信息添加新部门出
571 部门信息
部门理中查部门电话址部门进行修改信息删部门添加部门点击修改部门新页面回显前点击部门资料进行修改点击增加部门新页面添加新部门资料详情图524示：
图 524 部门信息
572 职称信息
职称理员工权限种限制包含员工权限进行修改删新增点击修改时新页面回显前点击职称资料进行修改点击增加职称新页面添加新职称资料详情图525示：
图 525 职称信息
第六章 WEB考勤系统台设计实现
考勤台设计公司高级领导方便查公司员情况设计中包括台户理角色理菜单理系统日志考勤视化
61 台登录
进入台登录页面登录成功达台页台页图61示：
图 61 台登陆
62 台页
部：
首页模块包括3部分前端采layui框架位置分部左部侧边栏右部list列表
部显示登录员账号ID点击账号ID时出现信息设置密码注销三选项点击信息出现前户详细信息点击设置密码出现弹窗修改前账号密码点击注销会退出登录回登录页面详情图62示：
图 62 台页
左部侧边栏实现
台左边侧边栏前台布局致左边功展示台开发模块较少没功点二级菜单出系统理作级菜单然出现台户理等二级菜单
右部list列表实现
右部list列表网站骨干点击左边侧边栏会右部list列表显示默认显示空白页面
63 户理
户理前台户账号理包括新增修改删禁锁定恢复
631 户列表
点击左边菜单户理查户列表页面详情图63示：
图 63 台户理页
632 添加户
点击新增户台添加新户成员详情图64示：
图 64 台新增户页
633 禁户
户列表选择禁户详情图65示：
图 65 台禁户页
634 删户
户列表中删户详情图66示：
图 66 台删户页
635 锁定户
户列表中锁定户详情图67示：
图 67 台锁定户页
636 恢复户
户列表中恢复锁定者禁户详情图68示：
图 68 台恢复户
64 角色理
户理前台户权限理包括新增角色（超级理员普通理员）修改删授权
641 角色列表页面
点击左边菜单角色理查户角色列表页面角色列表图69示：
图 69 角色列表
642 添加角色
点击新增角色台添加新角色成员详情图610示：
图 610 添加角色
643 修改角色
点击修改角色修改角色编码角色名详情图611示：
图 611 修改角色
644 删角色
点击删角色选择删前选中角色详情图612示：
图 612 删角色
645 角色授权
点击角色授权前选中角色授权查级菜单权限详情图613示：
图 613 角色授权
65 菜单理
菜单理台级菜单新增修改删需填加新菜单选择填加新菜单
651 菜单列表
点击左边菜单菜单理查级菜单页面详情图614示：
图 614 台菜单列表
652 新增菜单
点击新增菜单台添加新菜单中级菜单选择菜单等级菜单路径端接口路径菜单排序菜单显示排序详情图615示：
图 615 台新增菜单
653 修改菜单
点击修改菜单修改台菜单列表中修改菜单等级菜单端接口路径菜单显示排序等详情图616示：
图 616 台修改菜单
654 删菜单
点击删菜单时删前选中菜单详情图617示：
图 617 台删菜单
66 系统日志
系统日志登录台户信息查里清晰户登录台什时间段登录IP少点击左边菜单系统日志查户访问台记录详情图618示：
图 618 系统日志
67 搜索功
页面搜索功通特定搜索条件实现全局搜索
671 户模块搜索
户理中根户状态登录名姓名进行联合搜索单独搜索中登录名姓名模糊查询详情图619示：
图 619 户模块搜索
672 角色模块搜索功
角色理中根角色角色名搜索角色名搜索模糊查询详情图620示：
图 620 角色模块搜索
673 系统日志搜索功
系统日志中根登录名时间访问搜索数中登录名搜索模糊查详情图621示：
图 621 日志模块搜索
68 考勤数视化
考勤数视化前台员工卡数种渲染方式包含折线图柱状图等角度目然解员工考勤等情况详情图622示：
图 622 考勤视化
第七章 系统测试
71 测试目目标
系统测试软件开发程中必少步骤[10]什需软件进行测试呢？实开发软件时候开发员会逻辑惯开发员间协助配合需求明确等素产生系统BUG系统少BUG测试系统发布前找出BUG然修复系统健壮性更强做学校毕业设计企业实际项目应该注重系统测试系统测试越完善户体验越产品质量会提高
72 测试方法
黑盒测试白盒测试白盒测试通输入特定值测试系统返回结果否达预期黑盒测试意输入值查系统运行流程
静态测试动态测试种测试方法区分程序否运行[11]
单元测试集成测试等等测试方式基系统开发中常测试方法
系统开发功点作单独模块整系统功接口模块测试功点单独模块化出测试先单独测试模块测试没问题进行模块整理模块进行整体测试测试程中需设计测试例通测试工具
集成测试功模块整合起进行测试单独模块测试没问题整合起会出现种BUG步系统测试说相重系统整体整合起测试没问题整系统没问题测试程中问题作考量：
l 整合系统测试时系统模块间数否会丢失
l 系统整合否会出现突
l 系统整合完毕否达初功设计样子
l 软件数结构否会存差异
l 模块间错误堆积起否满足初系统开发求
程序功测试性测试等否满足客户需求称确认测试效性测试根程序需求规格书作测试
进行系统测试时需握软硬件间关系身作户体验感受整系统系统测试目系统需求发现程序系统定义符合方
验收测试针户测试方式需先通效性测试系统测试参加测试员户开发员等[12]测试程中针实际情况产生数进行测试测试容基软件功性软件安全性等
73 测试例
通举例台户登录测试作介绍测试系统测试流程举例说明图登入测试结果想测试结果相致结果表71示
表 71 系统测试表
功特性
户登录验证
测试目
验证否输入合法信息
测试数
户名称：admin 密码：123
测试容
操作描述
数
期结果
实际结果
测试状态
1
输入户姓名登陆钮
户姓名：admin
密码空
显示警告信息户名密码误
显示警告信息户名密码误
期结果相
2
输入密码登陆钮
户姓名空密码：1111
显示警告信息户名密码误
显示警告信息户名密码误
期结果相
3
输入户姓名密码登陆钮
户姓名：admin
密 码：1
显示警告信息户名密码误
显示警告信息户名密码误
期结果相
4
输入户姓名密码登陆钮
户名：admin密 码：123
正确登入会员操作界面
正确登入台操作界面
期结果相
74 测试结
进行系统开发时代码写越简洁期测试出现错误会越少然测试程中出现错误需度紧张系统会问题出现保证系统基运行测试出现问题期针性进行解决
结
文写处快结束毕业设计身学四年说实种总结回顾方式做毕业设计时候学四年课堂学知识课学知识开发程中学知识总结中学前端框架端逻辑布局数库语句等重学会解决开发程中出现问题遇会问题时先思考番否什代方案果法解决针性官网文档谷歌stackoverflow搜索问题搜索程中需搜索关键词进行提炼成功解决问题写博客针遇问题提出思考解决方式
次毕业设计中学许课法呈现知识例代码开发中遇种类型错误：方法运行出现空指针前端数传送端接口配置文件报错等等通努力外界帮助成功解决掉提高开发水解决实际问题等
系统开发测试难免开发测试程中会遗漏出现错误真诚欢迎位老师学提出宝贵意见供继续改进完善
参考文献
[1] 刘宇基WEB企业定制考勤系统设计实现[D]吉林学2013
[2] 国互联网发展现状时事资料手册 (2016)63Print
[3] 齐芳中学教育资源理台设计研究科技创新生产力 11 (2013)5457Print
[4] 郑岚Python访问MySQL数库电脑编程技巧维护 06 (2010)6163Print
[5] 王宁杨庆忠MVC框架基MBUnit单元测试应研究信息技术信息化 01 (2011)6670Print
[6] 郑俊生姜敏种基MVC模式Web开发框架WebWork研究福建电脑 08 (2008)124+136Print
[7] 张忠辉田静学Java应该注意问题电脑编程技巧维护 20 (2011)170171Print
[8] 朱杰基HTML5台汽车美容理系统设计实现计算机时代 7 (2017)Print
[9] 唐菁敏王红彬王阳张伟周旋基SSM+ZD漏洞理台设计实现软件 2 (2018)139142Print
[10] 谢涵风蔡国宝夏曦王秀友基SSM寻亲互联网络台设计实现电脑知识技术 1504 (2019)9194Print
[11] 曲佳基ASPNET销售系统实现研究科技济市场 06 (2009)2021Print
[12] 赵春良考试理考试信息发布系统设计长江学学报(科版) 04 (2006)221222Print
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
