人事管理系统详细设计书 - 图文

南京城市职业学院信息技术系（毕业实训）学生项目档案

南京城市职业学院

信息技术系

（□初期实训、□中期实训、√□毕业实训）

学生项目档案

项目名称 人事管理系统 实训角色 软件工程师 姓 名 武润之 学 号 09302027 年 级 2009级 专 业 信息技术 班 级 .NET 学生类别 高职 指导教师 杨洋 实训类别

√□校内□校外

2011年 11 月 7 日--- 2011年 12 月 日

2

1

南京城市职业学院信息技术系（毕业实训）学生项目档案

校外实训档案目录

必选 1、签约协议书或工作证明（复印件） 2、校外实训过程记录表 以下任选两种 □需求说明书 □架构设计说明书 □详细设计说明书 □软件代码（光盘） □单元测试用例及报告 □集成测试用例及报告 □系统测试用例及报告

2

南京城市职业学院信息技术系（毕业实训）学生项目档案

√□计算机应用技 必选 1、详细设计书（WORD或者EXCEL表） 2、个人小结 □软件技术专业 √□测试报告(测试用例)（可选） □结业证书（可选） 必选 1、综合布线设计书 2、个人小结 以下任选一种以上 □网络专业 □网络需求分析书 □网络逻辑设计书 □网络物理设计书（任选一个或多个） 校内实训档案目录

3

南京城市职业学院信息技术系（毕业实训）学生项目档案

1

目录

简介 ................................................................................................................................... 5 1.1 背景 ................................................................................................................... 5 1.2 目标 ................................................................................................................... 5 功能描述 ........................................................................................................................... 5 2.1 登录 ................................................................................................................... 6 2.2 导航栏 ............................................................................................................... 8 2.3 员工资料管理 ................................................................................................. 10 2.4 请假提交 ......................................................................................................... 14 2.5 请假申请 ......................................................................................................... 17 2.6 请假审核 ......................................................................................................... 22 2.7 考勤管理 ......................................................................................................... 31 2.8 加班申请 ......................................................................................................... 38 2.9 退出 ................................................................................................................. 50

2

4

南京城市职业学院信息技术系（毕业实训）学生项目档案

1 简介

1.1 背景

蓝山公司的主营业务是软件开发，公司规模为70人左右，其部门包括人事部、财务部、研发部、销售部等。公司的人员类型有以下几种：普通员工、部门经理、人事部成员和总经理。其中人事部有一个人事经理，三个人事助理。该管理系统的主要功能是管理员工资料、管理员工考勤、计算员工薪资和业绩评定等。大部分涉及对敏感数据修改的工作都仅由人事部完成，如计算工资、修改考勤记录；并且有些只有人事经理才可以处理，如定制部门、指定员工的基本薪资等。普通员工可以通过 Web 浏览自己的基本资料、考勤信息、薪资信息和请假记录等。员工也可以通过Web 提出请假和加班申请，如果所属部门的经理审批通过，人事部就可以登记在案。人事经理默认拥有人事助理的所有权限，部门经理默认拥有普通员工的所有权限，总经理默认拥有部门经理的所有权限。

1.2 目标

该文档描述人事管理系统的详细功能定义，并对模块划分、业务流程进行了定义。所有设计人员、开发人员、测试人员以及其他团队成员都应该以该文档作为产品的功能定义，并衍生出其他文档。

2 功能描述

人事管理系统主要用于对公司内部员工、部门等人事信息进行管理，并提供了相关人事职能，为人事部提供了管理工具，同时让员工可以通过公司内部网络实现自我管理，提高了整体运作效能。

公司的人员类型有以下几种：普通员工、部门经理、人事部经理和人事助理。权限定义如

表 1 所示。

表 1

人员类型 普通员工 部门经理 人事助理 人事经理 权限描述 查看员工资料、请假、加班、考勤、薪资等信息，填写业绩报告 除普通员工的权限外，还可审批请假、加班和业绩报告的信息 修改员工资料，登记考勤信息，核实加班请假信息并计算月工资 除人事助理的权限外，还有指定员工起薪等权限 整个系统分为两大主要功能模块和后台数据库服务器模块（见图 1）：

i. 通过B/S（浏览器/服务器）结构实现的Web部分

Web部分主要供员工使用。普通员工可以通过 Web 浏览自己的基本资料、考勤信息、薪资信息和请假记录等。员工也可以通过Web 提出请假和加班申请。 ii. 通过C/S（客户端/服务器）结构实现的Windows部分

5

南京城市职业学院信息技术系（毕业实训）学生项目档案

Windows部分主要供人事部使用。主要功能是管理员工资料、管理员工考勤、计算员工薪资和业绩评定等。大部分涉及对敏感数据修改的工作都仅由人事部完成，如计算工资、修改考勤记录；并且有些只有人事经理才可以处理，如定制部门、指定员工的基本薪资等。 iii. 通过SQL Server 2000企业版实现的后台数据库服务器模块

数据库中存储了人事管理系统中所有的信息和数据，为保证稳定性和良好的并发访问能力，采用SQL Server 2000企业版来实现。

图 1 人事管理系统结构图

本文档只描述了Web部分的功能规范，其他部分可以参看另外两门课程（《SQL Server 2000 数据库程序设计》和《基于 C# 的 Windows 应用程序设计》或《基于 VB. NET 的 Windows 应用程序设计 》）的功能规范。

2.1 登录

登录界面如图 2所示。登录时，需要输入用户名及密码，并单击“登录”按钮，完成登录过程。

6

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 2 登录页面

功能说明：

? 登录名/密码

? 登录名必须是本单位数据库中已经设置好的登录名，否则登录时会提示出错

? 读取浏览器端的Cookie值，如果员工以前登录过，则自动显示上次的登录名，光

标定位在“密码”文本框。若以前没有登录过，则光标停留在“登录名”文本框，且文本框显示空白

? 密码长度不得超过20个字符，超过以后限制输入。可允许的字符至少要包括数字

（0~9）、大写字母（A~Z）和小写字母（a~z）。但在这个登录页面，密码没有受到限制。在这里如果密码不正确，则无法进入系统。限制密码格式是在后面的“修改登录密码”模块涉及的

? 密码用掩码 * 显示，长度根据已设值进行限制（默认为8~20位），不能为空。若

为空或是没有按照格式输入，则显示“密码错误，请重试！”

? 登录

? 如果登录者的输入是正确的，则直接进入“员工资料管理”模块的主界面 ? 若“登录名”输入有误，则在“登录”按钮下面显示错误提示信息：“用户不存在，

请重试！”，鼠标停留在“登录名”文本框，如图 3所示

? 若“密码”输入有误，则在“登录”按钮下面显示错误提示信息：“密码错误，请

重试！”，鼠标停留在“密码” 文本框

7

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 3 登录出错页面

控件说明：

控件 登录名 控件类型 文本框 控件的功能描述 *用户在这里输入登录名 *如果是第一次登录则显示空白 *默认显示最近一次的登录名 *用户在这里输入登录密码 *用户点击登录按钮，然后才能进入系统 *用户登录失败时出现此标签，显示失败原因 *默认下隐藏 密码 登录 出错提示

文本框 按钮 标签 2.2 导航栏

员工登录成功后所看到的每一个网页的顶部都有一个导航栏，该导航栏上面列出了所有功能模块的链接，单击链接即可进入相应模块的主界面。该导航栏方便了员工在不同模块之间的切换，如图 4 所示。

8

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 4 导航栏

功能说明：

点击导航栏中每个功能模块的链接，都会进入相应模块的主界面。这个主界面默认为该功能模块下属的几个子链接中的第一个链接页。但是，有可能会根据登录者拥有的权限不同而出现不同的登录页面。比如在“请假审核”模块中，若普通员工进入则会显示“对不起，该网页属经理专用，请退出”等字样，只有经理级别以上的登录者才可以进入该页面。

控件说明：

控件 员工资料管理 请假提交 请假审核 考勤管理 加班申请 加班审核 业绩评定 工资查询 登出

控件类型 标签 标签 标签 标签 标签 标签 标签 标签 标签 控件的功能描述 *这是一个超链接 *点击后显示员工资料 *这是一个超链接 *点击后显示请假申请表 *这是一个超链接 *点击后显示待批准的请假申请 *这是一个超链接 *点击后显示检索考勤记录的页面 *这是一个超链接 *点击后显示加班申请表 *这是一个超链接 *点击后显示待批准的加班申请 *这是一个超链接 *点击后显示检索业绩报告 *这是一个超链接 *点击后显示查询工资的查询页 *这是一个超链接 *点击后显示退出系统的询问对话框 9

南京城市职业学院信息技术系（毕业实训）学生项目档案

2.3 员工资料管理

员工登录成功后首先进入的就是该模块，该模块共有如下三个网页，可通过网页左侧的链接进行切换。默认显示“显示员工资料”页。 显示员工资料页

该页为模块的起始页，该页界面如图 5所示。

图 5 员工资料

控件说明：

控件 显示员工资料 员工查询 修改登录资料 员工姓名 员工照片 控件类型 标签 标签 标签 标签 图像框 控件的功能描述 *这是一个超链接 *点击后显示员工资料 *这是一个超链接 *点击后显示员工查询界面 *这是一个超链接 *点击后显示修改密码界面 *显示员工的姓名 *显示员工的照片 *若没有照片，则显示“没有照片”字样，并且背景是蓝色 *显示员工的员工编号 *员工编号应该是公司统一编制 *显示该员工的公司电子邮件 *点击电子邮件左边的信封图标，则可以直接给该员工发信 编号 电子邮件 标签 标签 10

南京城市职业学院信息技术系（毕业实训）学生项目档案

经理 标签 *显示该员工的部门经理 *若本身已经是部门经理，则显示总经理 *若是总经理，则显示灰体字N/A *点击经理名字左边的信封图标，则可以直接给经理发信 *显示该员工所属部门 *若是总经理，则显示灰体字N/A *显示该员工的分机号码 *显示员工的自我介绍 *如果是查看自己的信息，则可以编辑并修改这部分内容 *如果查看的是其他员工的信息，则这部分内容不可以被编辑和修改 *员工修改自己的自我介绍时使用 *如果是员工查看自己的资料，则显示这个按钮 *如果查看别人的资料，则这个按钮隐藏 部门 分机 自我介绍 标签 标签 文本框 修改 按钮

员工查询页

默认界面如图 6所示。

图 6 员工查询

功能说明：

? 查询姓名的输入框

? 在按员工姓名查询时，系统支持模糊查询，即可以只输入姓名的一部分 ? 文本框可以为空，但搜索结果会显示“对不起，没有找到匹配的记录” ? 搜索按钮

? 如果查询结果只有一个人，则网页直接跳转到员工资料页

? 如果查询结果有多个，则以DataGrid形式显示每一员工的登录名、姓名、所属部门

及电子邮件，如错误！未找到引用源。所示

11

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 7 同一部门搜索结果

控件说明：

控件 查询姓名 搜索 出错信息 查询结果 控件类型 文本框 按钮 标签 数据网格 控件的功能描述 *此处输入要查询的员工姓名 *搜索员工的信息时使用此按钮 *没有找到匹配的员工时显示此标签 *默认时隐藏 *此处显示查询的记录集，包括登录名、姓名、部门和电子邮件 *默认时隐藏

修改登录密码页

默认界面如图 8所示。

图 8 密码修改

12

南京城市职业学院信息技术系（毕业实训）学生项目档案

2.3.1.1 功能说明：

? 单击“修改密码”按钮时，旧密码与数据库中的密码进行校验。若不符，则在“旧

密码”文本框右处显示“旧密码不正确”，同时清空所有文本框

? 密码长度根据已设值进行限制（默认为8~20），且密码中必须包含数字、大写字母

和小写字母。若不符的话，则在“新密码”文本框右处显示“请输入复杂密码”，同时清空所有文本框

图 9请输入复杂密码

? 新密码不能与旧密码相同，且不能为空。若相同，则在“新密码”文本框右处显示

“新密码不能与旧密码相同”。若为空，则在“新密码”文本框右处显示“密码不能为空”

图 10密码不能为空

13

南京城市职业学院信息技术系（毕业实训）学生项目档案

2.3.1.2 控件说明：

控件 旧密码 新密码 控件类型 文本框 文本框 控件的功能描述 *此处输入原来的密码 *不能为空 *此处输入新的密码 *不能为空 *不能和旧密码相同 *此处输入确认密码，应该和上面的新密码相同 *不能为空 *提交修改密码请求 *当输入的密码不符合格式要求时出现此标签 *默认时隐藏 *当文本框为空时出现此标签 *默认时隐藏 *当新旧密码相同时出现此标签 *默认时隐藏 *当确认密码和新密码不一致时出现此标签 *默认时隐藏 *当输入的旧密码和原来的密码不一致时出现此标签 *默认时隐藏 确认密码 修改密码 密码格式错误 空白错误 新旧密码相同 密码确认不正确 旧密码不正确

文本框 按钮 标签 标签 标签 标签 标签 2.4 请假提交

员工可通过单击导航栏上的“请假提交”进入该模块。共有如下三个页面，可通过网页左侧的链接进行切换。 请假提交如图11所示。

14

南京城市职业学院信息技术系（毕业实训）学生项目档案

图11 请假提交

计算时间界面：

图12计算时间界面

提交界面：

15

南京城市职业学院信息技术系（毕业实训）学生项目档案

图13提交界面

2.4.1.1 功能说明：

请假提交的审核者为人事经理

当按下“计算时间”按钮时，会提示员工本次请假时间。 请假事由不能为空

输入日期必须正确，起始时间不能晚于结束时间 所请的小时数不能超过可用的年假小时数 已申请的请假时间不能重复申请使用 如果提交成功，则显示提示信息

如果提交失败，则显示出错提示。分别为：

? ?

? 当按下“请假提交”按钮时，需要检查请假是否符合如下规定

?

?

?

?

? ?

16

南京城市职业学院信息技术系（毕业实训）学生项目档案

?

请假事由不能为空，如图2.4.2所示 请检查输入日期的正确性

所请的小时数超过可用的年假小时数

提交请假记录失败

?

? ?

2.4.1.2 控件说明：

控件 提交请假 控件类型 标签 *这是一个超链接 *点击后显示提交请假申请表单 历史记录查询 登录者姓名 剩余年假小时数 审批者姓名 下拉框 *显示该员工所属部门的部门经理以及总经理 *默认情况下显示该员工的部门经理 *若该员工已经是部门经理，则显示他上一级的经理名称 *用户可以选择下拉框中的内容，也可以直接使用默认值 开始、结束的日期 日历控件 *供用户选择请假的开始、结束时间。 标签 标签 标签 *这是一个超链接 *点击后显示历史记录查询页面 *以粗体显示登录者姓名 *显示该员工本年度剩余的请假小时数 控件的功能描述 2.5 请假申请

(1) 取消请假页

默认界面如图 所示。

17

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 14 取消请假

功能说明：

? 网页显示所有已提交但没有批准的请假记录。用DataGrid控件显示结果

? 点击数据网格中的“详细情况”时，显示这条记录的审批者以及请假原因，如图 所

示

? 如果没有符合条件的记录，则不显示DataGrid，而显示提示信息：“对不起，没有

可取消的记录”，如图 所示

? 当单击数据网格最右面的“取消”按钮时，则弹出对话框“真的要取消吗？”，当

用户单击“是”，则对选定的记录进行取消操作

图 15 没有可取消的记录

18

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 16 请假的详细情况

控件说明：

控件 审批者 控件类型 标签 控件的功能描述 *显示该条请假记录的审批者 *默认下隐藏 *点击“详细情况”时出现 *显示请假者的请假理由 *默认下隐藏 *点击“详细情况”时出现 *默认时隐藏 *没有可取消的记录时出现该标签。 *显示可取消的记录集 *每条记录都包括请假的开始时间、结束时间、提交时间、状态、小时数、详细情况、取消按钮等， *如果没有可取消的记录，则隐藏该数据网格，如图 所示 *默认时隐藏 *点击“取消”按钮后出现这个标签 *默认时隐藏 *确定要取消该记录时点击这个按钮 请假事由 标签 没有可取消的记录 可取消的记录集 标签 数据网格 确定是否要取消 是

标签 按钮 (2) 历史记录查询页

默认界面如图 所示。

19

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 17 历史查询首页

功能说明：

? 网页最初显示如图 所示，起始时间默认为一个月之前的日期，结束时间默认为当

前日期的第二天

? 在用户单击“查询”按钮之后，若有记录则在该页面上以 DataGrid 控件的形式显

示所有的记录，如图所示

图 18 历史记录查询

? 若没有记录，则显示“没有找到任何记录！”，如图所示

20

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 19 没有找到记录

? 当输入的时间格式不正确时，会有错误提示信息出现，如图所示。起始时间大于结

束时间中有任一个为空时会有“结束时间不能大于开始时间！”的出错提示出现

图 日期格式错误

? 单击DataGrid中的某条记录的“详细情况”后，则在DataGrid的上面显示该记录

的详细信息，如图 所示。详细信息包括 ? 审批者 ? 请假事由 ? 如果是已否决，则显示否决理由

图 20 详细情况

21

南京城市职业学院信息技术系（毕业实训）学生项目档案

控件说明：

控件 开始时间 结束时间 搜索 日期格式出错提示 没有找到任何记录 审批者 请假事由 否决理由 查询到的历史记录集 控件类型 文本框 文本框 按钮 标签 控件的功能描述 *默认为一个月之前的时间 *可以根据需要改变日期，但格式一定要符合要求 *默认为当前时期的第二天 *可以根据需要改变日期，但格式一定要符合要求 *搜索查询记录时使用 *填写的日期格式出错时弹出这个标签 *默认时隐藏 *如图所示 *默认时隐藏 *没有可取消的记录时出现该标签。 *默认时隐藏 *显示该条记录的审批者姓名 *默认时隐藏 *显示该请假记录的请假理由 *默认时隐藏 *显示审批者否决的理由 *显示符合条件的记录集 *每条记录都包括请假的开始时间、结束时间、提交时间、状态、小时数、详细情况等， *如果没有符合条件的记录，则隐藏该数据网格， 标签 标签 标签 标签 数据网格 2.6 请假审核

? 该页面有权限限制，普通员工和经理的权限是不同的，因此默认页面的显示内容也

不同

? 若用户是普通员工，没有权限使用该模块，则其默认显示如图 16所示的页面

图21 普通员工登录

22

南京城市职业学院信息技术系（毕业实训）学生项目档案

? 若用户是经理或总经理，有权限使用该模块，则默认界面如图22所示

图22 部门经理登录页面

? 查看请假事由，先选择需要查看的记录

图23选择查看的记录

? 单击请假事由

23

南京城市职业学院信息技术系（毕业实训）学生项目档案

图24显示请假事由

? 点击批准后，该记录从表中消失

图25 记录消失

? 点击否决按钮，显示否决理由，以及确定和取消按钮

图26显示否决理由

? 需输入否决理由

24

南京城市职业学院信息技术系（毕业实训）学生项目档案

图26需输入否决理由

? 若否决理由的文本框为空，则显示提示框

图27 提示框显示

? 点击取消按钮之后，请假事由等对话框消失

图28 点击取消

? 点击确定，批准该条记录，并从表中消失

25

南京城市职业学院信息技术系（毕业实训）学生项目档案

图30 批准记录

图31该条记录消失

2.6.1.1 控件说明：

控件 批准请假 部门汇总 员工记录查询 请假事由 控件类型 标签 标签 标签 标签 控件的功能描述 *这是一个超链接 *点击后进入批准请假页面 *这是一个超链接 *点击后进入部门汇总首页面 *这是一个超链接 *点击后进入员工记录查询首页面 *默认时隐藏 *点击DataGrid记录的请假事由后出现这个标签，显示请假的理由 *默认时隐藏 *点击DataGrid记录的否决按钮后出现这个文本框 *否决理由不能为空，否则会弹出一个出错提示对话框 *默认时隐藏 *确定否决一条请假申请时使用 *默认时隐藏 *撤消否决一条请假申请时使用

26

否决理由 文本框 否决理由的确定按钮 否决理由的取消按钮 按钮 按钮 南京城市职业学院信息技术系（毕业实训）学生项目档案

待审核的请假记录集 数据网格 *若没有待审核的请假申请，则隐藏 *显示请假申请的请假编号、员工编号、开始时间、结束时间、小时数

该页面由于登录者的身份不同，显示的页面内容也是不一样的 普通员工登录界面

图32普通员工登录

部门经理登录界面

图33 部门经理登录

? 选择时间范围搜索：

27

南京城市职业学院信息技术系（毕业实训）学生项目档案

图34 确定时间范围

? 选择记录：

图35 选择要查看的记录

? 点击详细情况按钮，显示搜索结果：

图36 查看详细情况

? 点击后退之后：

28

南京城市职业学院信息技术系（毕业实训）学生项目档案

图37 点击后退按钮后返回

总经理登录界面：

图38 总经理的登录页面

? 选择时间范围、部门搜索：

图39 选择要查看的时间范围和部门

? 选择记录点击详细情况：

29

南京城市职业学院信息技术系（毕业实训）学生项目档案

图40 查看详细情况

? 点击后退：

图41 初始化页面

控件说明：

控件 开始时间 结束时间 搜索 日期格式出错提示 没有找到任何记录 部门选择 控件类型 文本框 文本框 按钮 对话框 对话框 下拉框 控件的功能描述 *默认为一个月之前的时间 *可以根据需要改变日期，但格式一定要符合要求 *默认为当前时期的第二天 *可以根据需要改变日期，但格式一定要符合要求 *搜索查询记录时使用 *填写的日期格式出错时弹出这个标签 *默认时隐藏 *默认时隐藏 *没有符合的记录时出现该标签 *只有总经理有这个权限，即只有当总经理登录时，才出现这个下拉框；经理登录时该下拉框隐藏 *下拉框里是各个部门的部门名称 *默认下选中“人事部” *显示查询到的记录

30

查询到的记数据网格

南京城市职业学院信息技术系（毕业实训）学生项目档案

录集 员工记录查询页

*显示的内容有：员工姓名、请假次数、总小时数（必须是批准的）、可用的小时数、详细情况等 2.6.1.2 功能说明：

? 该页面由于登录者的身份不同，显示的页面内容也是不一样的

部门经理的登录界面默认显示的是这个部门的经理，其下拉框里的选项是这个部门

的所有员工；而总经理的登录界面有两个下拉框，一个是部门的选择下拉框，一个是这个部门员工的选择下拉框，默认下选中人事部的经理。

2.7 考勤管理

? 员工可通过单击导航栏上的“考勤管理”进入该模块

? 该公司规定员工必须在上午9点之前上班，下午6点之后下班，不能早退或迟到（考

勤策略由人事部设定/修改）。有一名人事助理专门负责记录员工的上班和下班时

间，如果一个员工在一个月内迟到多于3次，则要扣除薪水。考勤记录也影响该员工的绩效考核

? 本模块中员工可以查看自己的记录，经理可以查看下属的记录。该模块主要功能包

括： ? 员工查看自己某段时间内的考勤记录（迟到/缺勤） ? 如果登录者是经理，则可以查看下属的出勤情况 ? 经理查看当日下属的考勤记录 ? 经理查看某段时间内所有员工的记录汇总 ? 经理查看某个员工考勤的明细记录 ? 经理查看某段时间内迟到/缺勤次数最多的人员列表

共有如下几个网页，可通过网页左侧的链接进行切换。默认显示“查看考勤记录”页。

查看考勤记录页

该页为模块的起始页，默认界面如42所示。

31

南京城市职业学院信息技术系（毕业实训）学生项目档案

图42 考勤首页

2.7.1.1 功能说明：

? 起始时间默认为一个月之前的日期，结束时间默认为当前日期的第二天 ? 单击“显示结果”按钮后，才以DataGrid控件显示考勤记录，如图43所示

图 43 查看考勤记录

32

南京城市职业学院信息技术系（毕业实训）学生项目档案

此时隐藏“请求人事复查”按钮。DataGrid包含的项有：

? 日期 ? 类型（早退、迟到、缺勤） ? 早退/迟到时间 ? 是否选定 ? “请求人事复查”按钮默认时不显示。单击DataGrid中的某条记录后才显示该按钮。

单击该按钮可以向人事部发送复查申请。成功时会弹出一个“已成功提交复查申请”的对话框

2.7.1.2 控件说明：

控件 查看考勤记录 部门当日考勤 部门汇总 开始时间 结束时间 显示结果 日期格式出错提示 没有找到任何记录 请求人事复查 考勤记录结果 控件类型 标签 标签 标签 文本框 文本框 按钮 标签 标签 按钮 控件的功能描述 *这是一个超链接 *点击后进入查询考勤页面 *这是一个超链接 *点击后进入部门当日考勤页面 *这是一个超链接 *点击后进入部门汇总页面 *默认为一个月之前的时间 *可以根据需要改变日期，但格式一定要符合要求 *默认为当前时期的第二天 *可以根据需要改变日期，但格式一定要符合要求 *显示结果时使用 *填写的日期格式出错时弹出这个标签 *默认时隐藏 *默认时隐藏 *没有符合的记录时出现该标签 *默认时隐藏 *点击“选定”后出现这个按钮 *要向人事部复查自己的考勤详情时使用此按钮 *显示员工考勤的情况 *具体有：日期、类型（迟到、早退、缺勤）、迟到/早退时间以及是否选定。如图 所示 *默认时隐藏 数据网格 部门当日考勤页 功能说明：

? 该页面有权限限制

? 若用户是普通员工，则没有权限使用该模块，显示如44所示 ? 如果是部门经理登录，则如果当天部门员工考勤全部合格示，如果当天至少有

一人考勤不合格，

33

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 44 员工无法查看本部门当日考

图 45 本部门当日考勤

?

如果是总经理登录则显示图46所示的登录界面，总经理可以选择要查看的部门

34

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 46 总经理登录页面

35

南京城市职业学院信息技术系（毕业实训）学生项目档案

? 页面上方显示当天的日期

? 页面用DataGrid显示今日考勤不合格的本部门人员列表。DataGrid内容包括：

员工姓名 ? 类型（早退、迟到、缺勤） ? 早退/迟到时间 控件说明：

?

控件 今天的日期 部门选择 控件类型 标签 下拉框 *显示当天的日期 控件的功能描述 *总经理登录时显示，经理登录时隐藏 *可选项包括该公司的所有部门 *默认选项是人事部 *伴随着“选择部门”下拉框存在 *提交要查看的部门时使用此按钮 *如果是全勤则显示“全部考勤合格” *如果不是全勤则显示“考勤不合格的名单如下” *显示考勤不合格的记录 *具体有员工姓名、日期、类型和迟到/早退的时间等 *默认时隐藏 确定 考勤记录 考勤记录结果

按钮 标签 数据网格 部门汇总页 功能说明：

? 这个模块只允许经理或经理以上级别的人访问 ? 如果是部门经理登录则显示如47所示的登录页面 ? 部门经理的查询后界面如图48所示

? 如果是总经理登录则显示如图 49所示的登录页面 ? 总经理的查询后界面如图50所示

图 47部门记录汇总

36

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 48部门经理查询后界面

图 49 总经理查看页面

37

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 50总经理的查询后界面 控件说明： 控件 开始时间 结束时间 显示结果 没有找到任何记录 排序种类选项 升降序 部门选择 控件类型 文本框 文本框 按钮 标签 单选按钮 单选按钮 下拉框 控件的功能描述 *默认为一个月之前的时间 *可以根据需要改变日期，但格式一定要符合要求 *默认为当前时期的第二天 *可以根据需要改变日期，但格式一定要符合要求 *显示记录时使用 *默认时隐藏 *没有缺勤、迟到或早退记录时出现该标签 *规定了符合条件的记录在显示时的排序 *默认时选中“按迟到次数排序” *规定了符合条件的记录在显示时的排序 *默认时选中“降序” *总经理登录时显示，经理登录时隐藏 *可选项包括该公司的所有部门 *默认选项是人事部

2.8 加班申请

员工可通过单击导航栏上的“加班申请”进入该模块。共有如下几个网页，可通过网页左侧的链接进行切换。点击申请加班链接到“申请加班”页。

申请加班页

该页为模块的起始页，默认界面如51所示。

38

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 51申请加班

功能说明：

? 当按下“提交”按钮时，实现以下功能：

? 加班时间不能跨工作时间，采用默认值 ? 加班事由不能为空，为空时出现错误提示框 ? 选择折算的类型，选择下拉框中的审批者

? 点击“计算时间”按钮时，计算出来的加班小时数显示在标签上 ? 如果提交成功，则出现已成功提交的提示框 ? 如果提交失败，则显示出错提示信息

? 当选中日历控件上的日期则显示到文本框内

? 文本框内输入的日期必须正确 ? 开始时间不能大于结束时间，若大于，出现出错提示 ? 开始时间不能为空，若为空，文本框内提示出错 控件说明：

39

南京城市职业学院信息技术系（毕业实训）学生项目档案

图52 计算加班小时数的页面

图 53日期输入错误时提示页面

40

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 54 请假事由为空时

图55 申请加班成功时页面 控件 申请加班 取消加班 历史记录查询 登录者姓名 加班折算方法 审批者姓名 开始日期 结束日期 开始、结束的日期 开始的时间 控件类型 标签 标签 标签 标签 单选框 下拉框 文本框 文本框 日历控件 下拉框 控件的功能描述 *这是一个超链接按钮 *点击后显示申请加班首页 *这是一个超链接 *点击后显示取消加班申请页面 *这是一个超链接 *点击后显示历史记录查询页面 *以粗体显示登录者姓名 *员工可以选择加班折算的方法——折算成年假或折算成津贴 *显示该员工所属部门的部门经理以及总经理 *默认情况下显示该员工的部门经理 点击日历控件上的开始时间显示到文本框内 点击日历控件上的结束时间显示到文本框内 *当天日期：淡绿色表示 *选中日期：草绿色表示 *工作日时，开始的时间有0：00—8：00和18：00—23：00等15个可选项，因为9：00—18：00属于工作时间，因此不包括在内。默认起始时间是0：00 *节假日时，开始时间有9：00—17：00等9个选项，默认起始时间是9：00

41

南京城市职业学院信息技术系（毕业实训）学生项目档案

结束的时间 下拉框 *工作日时，结束时间有0：00—9：00和19：00－23：00等15个可选项。默认结束时间是0：00 *节假日时，结束的时间有10：00—18：00等9个选项，默认结束时间是18：00 *该文本框默认为空 *用户必须输入加班事由，该文本框不能为空。如图43所示 *位于按钮“计算时间”的上方 *默认情况下隐藏 *当点击“计算时间”按钮后，该标签显示加班的总小时数。如图41 *计算加班时间时使用 *用户需要点击这个按钮，然后才能查看自己的请假小时数 *提交加班请求时使用 *用户需要点击这个按钮，然后才能提交加班请求 如图44 日期出错时提示，如图42 *当提交失败时，出现此标签，显示失败原因 *默认下隐藏

加班事由 文本框 加班的总小时数 标签 计算时间按钮 提交按钮 按钮 按钮 日期出错提示 出错提示 标签 标签 取消申请页

默认界面如图56：

图 56取消申请加班页面

功能说明：

? 网页显示所有已提交但没有批准的加班记录。用DataGrid控件显示结果

? 选择DataGrid控件里的CheckBox控件，再点击数据按钮“详细情况”时，显示这

条记录的审批者以及加班原因，如图57所示

42

南京城市职业学院信息技术系（毕业实训）学生项目档案

? 当单击数据网格最右面的“取消”按钮时，则弹出对话框“确定要取消吗？”，当

用户单击“是”，则对选定的记录进行取消操作，如图58 ? 取消成功时，出现提示框，如图59

图 57 取消加班的详细信息

图58 取消加班时出现的 提示框

43

南京城市职业学院信息技术系（毕业实训）学生项目档案

图59 取消加班成功时页面

控件说明： 控件 审批者 控件类型 标签 控件的功能描述 *显示该条加班记录的审批者 *默认下隐藏 *点击“详细情况”时出现，如图46所示 *显示请假者的请假理由 *默认下隐藏 *点击“详细情况”时出现，如图46所示 *显示取消的记录集 *每条记录都包括加班申请编号、姓名、开始时间、结束时间、提交时间、类型、加班时长、状态、取消按钮等，CheckBox复选框。如图46所示 点击时，显示详细情况，如图46 *默认时隐藏 *点击“取消”按钮后出现这个对话框，如图47 *默认时隐藏 *确定要取消该记录时点击这个按钮，取消成功时出现的对话框，如图48 *默认时隐藏 *放弃取消该记录时点击这个按钮，如图48 加班事由 标签 可取消的记录集 数据网格 详细情况 确定是否要取消 确定 按钮 标签 按钮 取消

按钮 历史记录查询页 默认界面如图60所示。

44

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 60 历史记录查询首页

功能说明：

? 网页最初显示如图59所示，开始时间和结束时间可以自行输入，但在用户单击“显

示结果”按钮之后才显示 DataGrid 控件，如图60所示 ? 三个单选按钮默认下选中“显示全部”，点击“显示全部”时，显示所输入时间段

的全部记录，如图61 。点击只“显示折算成年假记录”时，则显示年假的记录，如图62 。点击“只显示折算成津贴的记录”时，则显示津贴的记录，如图63 。 ? 如果输入的时间段没有该记录时，则出现提示，如图64

? 单击DataGrid上的CheckBox控件，再点击详细情况按钮后，则在DataGrid之上的

标签内显示该记录的详细信息，如图55所示。详细信息包括审批者、加班事由、如果是已否决，则显示否决理由。若已经审批，则如图 65 所示。若未批准，则如图66所示

45

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 61历史记录查询显示全部记录

图 62 只显示折算成年假的记录

46

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 63 只显示折算成津贴的记录

图 64 没有找到任何记录页面

47

南京城市职业学院信息技术系（毕业实训）学生项目档案

图 65历史记录“已审批”详细信息

图 66历史记录“未审批”详细信息

48

南京城市职业学院信息技术系（毕业实训）学生项目档案

图67 出错提示“开始时间不能大于结束时间”

图68 出错提示“请输入开始时间”

控件说明： 控件 开始时间 结束时间 显示类型 控件类型 文本框 文本框 单选框 控件的功能描述 *自行输入时间，可以根据需要改变日期，但格式一定要符合要求 *自行输入时间，可以根据需要改变日期，但格式一定要符合要求 *规定显示记录的种类 *可选“显示全部”，“只显示折算年假的记录”，“只显示折算成津贴的记录” *搜索查询记录时使用

49

搜索 按钮 南京城市职业学院信息技术系（毕业实训）学生项目档案

日期格式出错提示 出错提示 没有找到任何记录 审批者 加班事由 否决理由 详细情况 查询到的历史记录集 标签 *填写的日期格式出错时弹出这个标签，提示如图56所示 *默认时隐藏 提示没有输入开始时间，如图57 *默认时隐藏 *没有可取消的记录时出现该标签，如图53 *默认时隐藏 *显示该条记录的审批者姓名，图54 *默认时隐藏 *显示该加班记录的加班理由，图54 *默认时隐藏 *显示审批者否决的理由，图55 *点击时显示详细情况内容，图50 *显示符合条件的记录集 *每条记录都包括加班申请编号、姓名、开始时间、结束时间、提交时间、类型、加班时长、状态、详细情况等，如图50所示 *如果没有符合条件的记录，则隐藏该数据网格 标签 标签 标签 标签 标签 按钮 数据网格 2.9 退出

退出页面

图69 退出

点击“退出”，返回到登陆见面

控件说明： 控件 型 退出

控件类按钮 控件的功能描述 *用户确定要退出系统时点击这个按钮 50

本文来源：https://www.bwwdw.com/article/8jkw.html