员工绩效管理系统的绩效统计模块

）员工绩效管理系统的绩效统计模块的设计与实现DesignandimplementationofPerformanceStatisticsModuleofEmployeePerformance内容摘要随着科技的发展和进步，各单位逐步实现无纸化办公。对于员工绩效的统计，已由传统的书写登记转为计算机端的Excel表格登记。然而使用Excel表格仍然有许多不便之处。开发一款专门的员工绩效管理系统就显得很有必要，既满足员了工更加方便、快捷的上传绩效数据，也使得管理员可以实时观察员工的绩效情况，有利于实现公平、公正的评优和选拔。员工绩效管理系统主要分为四个模块，员工管理模块、事项管理模块、绩效统计模块、制度管理模块。我们可以通过这款系统来实现员工和管理员的需求。这款系统是基于html5+css+js+react框架来实现的。Html+css+js是一个成熟的前端编写框架，而react起源于Facebook，由于它的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单，拥有非常多的受众，是一个成熟的框架体系。在后台服务器搭建方面，我们使用了Express，它是一个保持最小规模的灵活的Node.jsWeb应用程序开发框架，为Web和移动应用程序提供一组强大的功能。在数据库方面我选择使用Mysql，它更加的轻巧，占用的资源也更少，使用起来也更加的方便。在UI方面我使用了Antd，让我的页面更加的简洁、美观。关键词：React、Express、Node.js、Mysql、AntdAbstractWiththedevelopmentandprogressofscienceandtechnology,allunitsgraduallyrealizepaperlessoffice.Forthestatisticsofemployeeperformance,thetraditionalwritingregistrationhasbeentransferredtothecomputerExcelregistration.However,therearestillmanyinconveniencestousingExcelspreadsheets.Itisnecessarytodevelopaspecialemployeeperformancemanagementsystem,whichnotonlymeetstheneedsofmoreconvenientandfastuploadingofperformancedata,butalsoenablesadministratorstoobservetheperformanceofemployeesinrealtime,whichisconducivetotherealizationoffairandjustevaluationandselection.Theemployeeperformancemanagementsystemismainlydividedintofourmodules:employeemanagementmodule,eventmanagementmodule,performancestatisticsmoduleandsystemmanagementmodule.Wecanusethissystemtomeettheneedsofemployeesandadministrators.ThesystemisbasedontheHTML+CSS+js+reactframework.Html5+CSS+jsisamaturefront-endwritingframework,whilereactoriginatedfromFacebook.Duetoitsuniquedesignidea,revolutionaryinnovationandoutstandingperformance,itisamatureframeworkwithverysimplecodelogicandalargeaudience.Intermsofback-endserversetup,weusedExpress,aflexible,minimalnode.jsWebapplicationdevelopmentframeworkthatprovidesapowerfulsetofcapabilitiesforbothWebandmobileapplications.Intermsofdatabase,IchoosetouseMysql,whichismorelightweight,consumeslessresourcesandismoreconvenienttouse.IntermsofUI,IusedAntdtomakemypagemoresimpleandbeautiful.Keywords:React,Express,node.js,Mysql,Antd目录TOC\o"1-2"\h\u23463第1章绪论 第1章绪论本章的主要目的是为了向读者介绍本课题的研究的目的和意义，让读者更加深入地了解我们要实现的目标以及当前的研究状况等。1.1选题的意义和目的随着互联网时代的进步与发展，我们越来越追求使用互联网技术[1]和电脑来进行更加有效的办公和绩效的统计。但是正常的情况下我们大都使用Excel或者word文档来统计数据。这里有两个特别不方便的地方，一是需要有人专门来负责统计的工作，容易出现少记，漏记，记录不合理的情况，二是当需要根据绩效来评奖评优的时候，数据并不能分门别类地展示出来。最重要的一点是不能实时的得出员工得分情况以及排名，实时地评估员工的表现情况。为了让绩效的统计更加的专业化，我们为此专门开发一款用于统计教师绩效的系统，让绩效统计更加的方便、实用具有实用性和实时性。1.2研究现状近年来，越来越多的高校开始转变统计教师绩效的方法，开始由简单的书面统计，转为由Excel表和word文档统计。但是仍然存在统计绩效零散，管理员统计以及汇总数据经常遗漏的情况，如今我们逐渐使用一个专业的系统来统计教师的绩效，其灵感来源于企业的绩效统计系统，它们更加方便企业的管理人员统计、管理员工的绩效。与企业管理绩效统计系统不同的是，教师绩效统计系统具体的细则多而广，评价的指标，评价的规则，评价是否合理还需要不断地去摸索，在实践中寻找经验。随着技术的完善和升级，教师绩效统计系统必定成为，教师绩效统计的主流趋势。1.3课题研究的内容在教师绩效统计系统系统中，老师可以根据自己的工号，登入系统，点击事项申请，根据自己实际情况进行事项的填报，例如：发表论文、听课、获奖等，都可以申请绩效。每个活动的绩效分数由系统的管理人员统一的分配，保证了绩效分数的公开、公正、公平。我们专门区分了普通教师和管理人员的权限，普通员工只能录入自己的业绩活动事项，查看自己的绩效。机构负责人可以查看全体员工的绩效排名，审核员工提请的绩效事项。对于常规事项，默认审核通过。如果负责审核的人员在必要时可以取消通过的审核。对于非常规事项，则须经过人工审核。在统计模块方面，普通员工可以查看自己的绩效总分，和自己的绩效总分在哪个区间段。而管理人员可以看到所有人的绩效排名统计。1.4课题的目标在整个绩效统计系统的开发过程中，本人主要负责大部分前端的页面编写，重点负责绩效统计模块，其中包括普通员工个人绩效统计部分和管理员统计部分的设计和实现。其具体内容如下：（1）完成好绩效统计系统的4个主要模块，员管理模块、绩效统计模块、事项管理模块、制度管理模块。其主要的功能点为员工信息部分，员工绩效得分排名部份，员工事项申请部分，员工查看制度信息部分，管理员添加员工部分，管理员审核事项部分，以及管理员管理制度信息部分。（2）设置好普通员工和主任及管理员权限的配置，哪些功能普通员工不能进行操作，哪些功能只能管理员才能进行操作，需要进行权限的判断，然后展示出不同的页面。（3）完场好所有服务器的搭建，确保所有功能能够正常使用，遇到报错的问题能有log信息返回，更利于我们及时地去处理BUG，让本系统在日后能进行更好的维护和使用。1.5论文结构概述本篇文章的正文部分主要分为七个主要的章节。第一章节为选题的目的和意义，主要是为了介绍我们开发这款系统的背景，以及该系统的需求，让读者更好地去理解我们开发的目的和意义。第二章节为相关的技术及开发的工具，是用来介绍开发本系统所用到的具体的专业技术并对其进行简单的说明，以及所需要的专业工具。第三章节为需求分析，本章介绍了详细地介绍了本系统的具体需求情况，如：功能性需求分析、非功能性需求分析等。第四章节为系统角色划分与设计，本章具体介绍了本系统中普通员工、主任及管理员的权限划分，让读者更好地理解我们的整体布局和安排。第五章节为数据库的设计和描述，本章详细地介绍了本系统的数据库设计，让读者更加清楚数据库的内容。第六章节为系统的实现与描述，本章详细地介绍了本系统运行过程中的运行情况，功能说明。第七章节为总结，描述一些完成该系统的一些心得和体会。

第2章相关技术及开发工具该开发系统所用的技术及开发工具都是目前比较常用的，本章对其进行详细的介绍。2.1技术背景该系统使用Vscode进行编程，所用的主要框架为html5+css+js+react，[2]用Express搭建我们服务器的后台。该框架是目前比较常用的用于搭建绩效系统的框架，它让我们的系统开发变得快速而且有效，而且能有强大的社区支持，对于其技术难点CSDN论坛、技术贴里面都有较为详细的解答，是一款十分成熟的框架。目前许多流行的框架都是基于Express来构建的，它为我们提供精简的基本Web应用程序功能，是一个小巧但灵活的，

Node.jsWeb应用程序开发框架，[3]为Web和移动应用程序提供一组强大的功能。在两个强大框架的支持下，为我们的教师绩效统计系统的开发过程解决了不少问题。在UI设计方面，我们使用了AntDsesign，它是一个服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。为我们系统提供了UI的设计。让使用者感受的更加的舒适，更加的方便。2.2开发思路全体组员与指导老师讨论，明确系统的开发需求以及所需要的功能点，并对功能点进行划分和补充，记录总结一些仍需讨论的细节功能和设置，给日后软件的升级做好对应的准备工作。对组员进行分工和安排，分为前端、后台、数据库这三个主要工作，置订时间安排表，定期讨论工作进度以及接下来的任务安排；每次完成一次功能部分上传到GitHub或者毕业设计Q群中，及时对存在的问题进行修正和解决，互相监督彼此的完成进度，确保在规定的时间内完成相应的进度安排。对系统的主要功能进行优先的实现和运行，例如：先完成系统整体模块的布局和设置，其次完成事项申请、事项统计、制度列表的部分功能，让系统能够顺利的运行及展示。对系统的整体进行测试，如遇到报错问题及时的在群里协商和修护，对仍未完成需求点进行补充和修改，确保系统能够顺利运行和展示。2.3开发工具开发用的IDE：VisualStudioCode数据库及其工具：Mysql5.5、NavicatforMySQL2013。应用服务器：Express接口测试工具：postman开发用工具包：AntDsesign2.4相关技术概述2.4.1HTML5简介HTML5是构建Web内容的一种语言描述方式,它是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息[4]。2.4.2CSS简介CSS是层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化[5]。

2.4.3JavaScript简介JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言[6]。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。2.4.4React简介React起源于Facebook的内部项目，用来架设Instagram的网站，就在2013年5月开源[7]。它的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。它主要用于构建UI，你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTMLDOM元素、也可以传递动态变量、甚至是可交互的应用组件。2.4.5EXPRESS简介Express是一个保持最小规模的灵活的Node.jsWeb应用程序开发框架，为Web和移动应用程序提供一组强大的功能[8]。它提供精简的基本Web应用程序功能，而不会隐藏您了解和青睐的Node.js功能，适用于许多

流行的开发框架

都基于Express构建。2.4.6AntDesign简介AntDesign（简称“Antd”）服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。[9]\t"https://ant.design/_blank"

需求分析这部分将对绩效管理系统的功能需求分析、非功能性需求分析、以及设计约束进行介绍。3.1需求及分析3.1.1功能需求分析员工绩效管理系统分绩效统计模块、员工管理模块、事项管理模块和制度管理模块四大部分。绩效统计模块：模块名称：绩效统计模块模块标识：A1说明：该模块是本系统的核心功能，适用于统计员工的得分信息和排名情况。权限判断：判断进入该页面的用户是普通职工还是主任或管理员，分别给与不同的数据返回。普通员工只能返回其自己的得分情况和排名，主任及管理员可以返回全体员工的得分情况和排名情况。时间选择：分为月度排名和年度排名，月度排名可以选择更具体的日期精确到日，年度排名只需要选择年份，选择完成时间，点击查询按钮返回对应的数据。部门筛选：管理员及主任可以使用部门筛选按钮，挑选需要查看的部门信息，得到更加直观准确的数据。排名：默认是以筛选时间内得分最高的为第一位，依次往下，可以点击得分的倒序按钮获取从低到高的得分排名情况。表3.1.1绩效统计模块员工管理模块：模块名称：员工管理模块模块标识：A2说明：该模块负责处理员工的信息。登入：员工根据职工号和密码进入到该系统，并且判断职工号和密码是否正确，返回对应的数据。修改个人信息：员工可以修改其部分个人信息，以及密码，初始密码为123456。新增、删除员工：主任和管理人员可以新增或删除员工，创建新的职工号，给与他部门和员工权限。表3.1.2员工管理模块事项管理模块：模块名称：事项管理模块模块标识：A3说明：该模块的主要部分包括事项申请和事项列表、事项审核部分。事项申请：事项申请分为三大部分，分别为活动登记、论文发表、获奖评比。活动登记是负责日常的活动，例如：听课、外出活动、做评委等等。论文发表是负责员工发表论文的加分，例如：核心期刊，A类论文，B类论文等等。获奖评比是负责员工获奖后的加分，例如：学生评分前10名，教师拔河比赛第一名等等。员工根据活动时长以及设定的制度评分要求进行自行申报加分，还可以帮助其他成员进行加分。事项列表：员工可以查看其所有申请的事项，产看该事项的申请状态以及该事项的详细信息。事项审核：管理员及主任可以驳回员工申请的事项，填写驳回理由，修改该事项的状态信息。表3.1.3事项管理模块制度管理模块：模块名称：制度管理模块模块标识：A4说明：该模块主要处理制度以及制度细则的信息。制度列表：普通员工可以查看制度列表的信息，制度列表里面有制度的大类和细则，以及其对应的制度的负责人加分情况和成员的加分情况。制度管理：主任和管理员可以进入制度管理页面，进行新增、修改、删除制度细则的信息。表3.1.4制度管理模块3.1.2非功能性需求分析员工绩效管理系统是使用了React框架，适用于电脑页面进行浏览，不适于与手机端打开，因此使用的时候要保证电脑正常运行，无其他干扰程序，能成功连接学校的服务器端口。3.1.3设计约束本系统在使用的过程中需要打开浏览器进行浏览，请保证浏览器更新到IE8以上，建议使用谷歌浏览器或者搜狐浏览器。

系统角色划分与设计系统角色划分是为了说明本系统分给普通用户以及管理人员不同的权限，让他们更好地管理及使用。因为本人主要负责绩效统计模块，所以主要介绍这部分的内容。4.1系统角色划分绩效管理系统主要分为管理员、主任、普通员工三个角色，他们拥有不同的权限，来实现不同的功能。4.1.1普通员工角色员工管理模块：员工可以登入系统，修改其部分个人信息。事项管理模块：员工可以进入事项列表，并查看事项的申请状态及该事项的详细具体信息。绩效统计模块：员工可以进入绩效统计页面，根据通过选择时间，按月度、年度查看个人的绩效分数，以及个人的绩效排名。制度管理模块：员工可以进入制度列表页面，查看所有的制度条目以及各个制度的介绍以及得分规则等。4.1.2主任角色员工管理模块：主任可以登入系统，修改其部分个人信息；可以惊人员工管理页面，新增、删除和修改员工信息条目。事项管理模块：主任可以进入事项列表，并查看事项的申请状态及该事项的详细具体信息；可以进入审核事项列表，审核员工的绩效申请，对不符合的申请可以驳回，并填写驳回理由；普通事项默认通过，对于非常规事项进行审核处理。绩效统计模块：主任可以计入绩效统计列表，按月度和年度统计所有员工的绩效，并查看他们的绩效排名情况；可以根据不同的部门进行筛选排名。（4）制度管理模块：主任可以进入制度列表页面，查看所有的制度条目以及各个制度的介绍以及得分规则等；可以进入制度管理页面，新增制度，对制度进行修改或删除操作。4.1.2管理员角色员工管理模块：管理员可以登入系统，修改其部分个人信息；可以进入员工管理页面，新增、删除和修改员工信息条目；对所有员工的权限进行设置。事项管理模块：管理员可以进入事项列表，并查看事项的申请状态及该事项的详细具体信息；可以进入审核事项列表，审核员工的绩效申请，对不符合的申请可以驳回，并填写驳回理由；普通事项默认通过，对于非常规事项进行审核处理。绩效统计模块：管理员可以计入绩效统计列表，按月度和年度统计所有员工的绩效，并查看他们的绩效排名情况；可以根据不同的部门进行筛选排名。（4）制度管理模块：管理员可以进入制度列表页面，查看所有的制度条目以及各个制度的介绍以及得分规则等；可以进入制度管理页面，新增制度，对制度进行修改或删除操作。4.2系统设计4.2.1实体类模型设计本人主要负责绩效统计模块，因此只对其进行详细讲解。绩效统计模块根据使用者的职位分为普通用户、主任和管理员。其中普通用户只能查看个人的绩效以及它的绩效排名，主任可以查看全体用户的绩效和排名。所有的用户都可以根据月度、年度搜索对应的绩效以及排名。其关系如图4.2.1所示图.2模块接口介绍主要介绍本系统所用了那些重要的接口，及其相关的信息和作用的描述。服务器接口：http://localhost:3001作用：通过此接口连接服务器后台，连接后台express服务器中的数据。前端接口：http://localhost:3002作用：通过此接口连接前端页面，用于展示从后台服务中得到的数据。接口：http://localhost:3001/login作用：登入接口；连接方式为post，返回员工的个人信息的相关参数，用于验证登入信息。接口：http://localhost:3001/u_info作用：个人信息接口；连接方式为get，返回员工的个人信息相关数据，用于修改员工的个人信息。接口：http://localhost:3001/u_add作用：添加用户接口；连接方式为post，返回是否成功添加新的用户等相关信息。接口：http://localhost:3001/u_admin_add作用：添加用户接口；连接方式为post，返回用户的完整信息参数，用户查看用户的完整信息。接口：http://localhost:3001/u_slist作用：用户事项列表接口；连接方式为get，返回用户的部分用户信息，用于部分需要连接用户的功能模快。接口：http://localhost:3001/u_upassword作用：修改密码接口；连接方式为post，返回修改密码后的状态信息。接口：http://localhost:3001/u_uupdate作用：用户信息修改接口；连接方式为post，返回用户修改个人信息后的状态信息。接口：http://localhost:3001/a_info作用：修改完整信息接口；连接方式为post，返回用户修改个人信息后的完整个人信息。接口：http://localhost:3001/a_add作用：添加事项接口；连接方式为post，返回申请事项后的该事项的具体信息，用于事项的申请。接口：http://localhost:3001/a_plist作用：用户事项列表接口；连接方式为get，返回事项申请完成后该事项的具体信息，用于事项列表的展示。接口：http://localhost:3001/a_alist作用：全体事项列表接口；连接方式为get，返回事项申请完成后全部事项的具体信息，用于全体事项列表展示。接口：http://localhost:3001/a_vlist作用：审核事项接口；连接方式为get，返回待审核的事项信息，用于审核事项列表。接口：http://localhost:3001/c_count作用：绩效统计接口；连接方式为get，返回绩效统计的列表信息，加分情况和排名信息。接口：http://localhost:3001/r_list作用：制度信息接口；连接方式为get，返回制度列表的相关信息，便于员工产看和加分。接口：http://localhost:3001/rd_update作用：制度信息修改接口；连接方式为post，返回修改好的制度详情的相关信息，用于制度信息的修改。4.2.3模块详细设计由于本人主要绩效统计模块，因此只展示与绩效统计相关的详细设计内容以及设计的过程，具体内容如下：权限的设置：我在数据库职位关系表(positions)（图）当中设置了管理员的权限p_id=1,主任的权限p_id=2,副主任的权限p_id=3.职工的权限为p_id=4，根据不同的用户权限判断该用户是否能查看全体员工的绩效信息或能查看全体员工的绩效信息。图（2）后台服务器获取数据：需要通过连接数据库，获取储存在数据库当中的绩效统计信息。其核心代码如示例1所示，通过后台多表查询获取员工的姓名、排名、得分、部门、工号等信息。{

"head":

"select

u.u_id,u.u_ids,u.u_name,u_sex,u_phone,u_address,u_email,u_birthday,u_onboarding,d.d_id,d.d_name,po.p_id

as

po_id,po.p_name,sum(a.a_score)

as

score

from

users

u,performance

p,activity

a,positions

po,department

d

where

u.u_id=a.u_id

and

a.p_id=p.p_id

and

u.ps_id=po.p_id

and

po.d_id=d.d_id

and

po.p_level>=0

and

p.p_applytime

between

?

and

?

and

d.d_id

in

(0%s)

group

by

a.u_id

order

by

score

desc;",

"tail":

"",

"auto":

0,

"jump":

false

}

],

示例1（3）前端服务器获取数据：前端服务器是由React框架搭建的，它需要通过连接绩效统计接口http://localhost:3001/c_count获取后台里面的数据。他需要先传入查询者的id编号，以及查询的开始时间及返回时间才能获取相应的数据。如示例2所示。export

const

getStatistic

=

(id,

starttime,

endtime)

=>

{

console.log(starttime,

endtime)

return

(dispatch)

=>

{

//

请求网络数据

reqStatistic({

id,

starttime,

endtime

}).then((res)

=>

{

if

(res.status_code

===

200)

{

const

userStatistic

=

res.result;

dispatch({

type:

constants.INIT_STATISTIC,

userStatistic

})

}

}).catch(()

=>

{

//

alert('绩效统计列表请求失败！')

})

}

};示例2（4）数据处理：从后台服务器中获取的数据是一个数组，我们需要从里面获取我们所需要的对应得分和排名信息，这里我采用了map方法，把所有用户的信息放入data数组里面，把该用户的个人信息放入lo数组里面，根据用户权限来展示全体用户数据或者只是该用户的数据。具体表达如示例3所示。var

it

=

ps.userStatistic

var

lo

=

null;

const

data

=

(it

||

[

{

top:

'',

score:

'',

name:

'',

department:

'',

no:

'',

},

]).map((sta,

index)

=>

{

if

(sta.u_id

==

userData.u_id)

{

lo

=

({

top:

index

+

1,

score:

sta.score,

name:

sta.u_name,

department:

sta.d_name,

no:

sta.u_ids,

})

console.log(lo,

index)

}

return

{

top:

index

+

1,

score:

sta.score,

name:

sta.u_name,

department:

sta.d_name,

no:

sta.u_ids,

}

}

);

示例3（5）前端页面处理：当数据处理完成需要把数据和页面展示出来，我利用了antd的自带框架创建列一个绩效统计列表用户展示员工的绩效信息。具体如示例4所示。return

(

<div>

<div>

<Radio.Group

defaultValue="year"

buttonStyle="solid">

<Radio.Button

value="month"

><Link

to="/Statistic/Statistic">月度排名</Link></Radio.Button>

<Radio.Button

value="year"><Link

to="/Statistic/Statistic_admin_y">年度排名</Link></Radio.Button>

</Radio.Group>

</div>

<div

style={{

marginTop:

30

}}><DatePicker

onChange={this.timeChange}

picker="year"

/>

<Button

type="primary"

onClick={()

=>

ps.reqStatistic({

start:

starttime,

end:

endtime,

id:

[2]

})}>查询</Button></div>

<div

style={{

marginTop:

30

}}></div>

<div

style={{

marginTop:

30

}}>

{tal}

//处理数据

</div>

</div>

);

示例4（6）操作流程：当用户进入到绩效统计页面当中，后台会自动识别该用户的权限，展开对应的页面。普通用户进入到正常的员工绩效统计页面，他可以根据月度、年度选择查询自己对应的绩效分数和绩效排名。主任或管理员进入到该页面会进入到管理员页面，也是根据月度和年度查询全体员工的绩效信息，还可以挑选对应的部门，展示相应的数据，更加方便和清晰地展示。其流程图如图所示。图

数据库设计与描述数据的设计是我们项目中最核心的部分之一，我们的后台数据，以及相关的数据储存都来自我们的数据库当中，因此我们的数据库的设计有专门的同学来负责管这一部分。5.1数据库描述本项目的数据库是使用MYSQL5.6版本，它是具有良好扩展性的一个轻量级数据库。我们还使用了NavicatforMySQL作为我们的工具，更好地进行数据库方面数据的展示以及可视化的内容。在数据库的语音设计当中，我们严格按照三范式来设计SQL语句，[10]让我们可以多表查询，提高我们数据库的查询效率[11]。本项目总共设有八个表，负责整个系统五个模块的数据存储以及增删除改功能，分别是：用户表（user）、事项表（performance）、系部表（department）、制度表（rules）、制度细则表（r_detail）、文件表（files）、职位关系表（positions）、活动关系表（activity）。5.2数据表设计及作用概述用户表(users)用户表的主要作用是管理用户个人信息资料，对用户的信息进行新增、删除、修改、除去。具体设计如表5.2.1所示：字段描述字段名称字段类型字段长度备注用户编号u_idinteger主键、非空员工号u_idsvarchar127员工名称u_namevarchar50非空用户密码u_passwordvarchar50非空员工性别u_sexchar10员工电话u_phonevarchar20员工邮箱u_emailvarchar50员工住址u_addressvarchar255员工职位ps_idinteger外键、非空出生日期u_birthdaydate入职时间u_onboardingdate表5.2.1事项表(performance)事项表的主要作用是管理用户申请的事项，以及在用户事项列表中返回给用户相关的数据。具体设计如表5.2.2所示：字段描述字段名称字段类型字段长度备注事项编号p_idinteger主键、非空事项标题p_topicvarchar1024非空活动时间p_starttimetimestamp非空活动时长p_timelengthfloat(单位：小时)活动地点p_addressvarchar1024非空事项内容p_texttext非空事项状态p_statusinteger非空制度细则r_d_idinteger外键、非空驳回理由p_turndownvarchar1024其他条目p_othertext表5.2.2系部表(department)系部表的主要作用是管理用户所在系别，具体设计如表5.2.3所示：字段描述字段名称字段类型字段长度备注系部编号d_idinteger主键、非空系部名称d_namevarchar1024非空事项默认状态d_statusinteger非空表5.2.3制度表(rules)制度表的主要作用是用来管理每个制度的信息，具体设计如表5.2.4所示:字段描述字段名称字段类型字段长度备注制度编号r_idinteger主键、非空制度名称r_typevarchar1024非空制度内容r_texttext非空表5.2.4制度细则表(r_detail)制度细则表是对每一个制度的具体信息进行管理，具体设计如表5.2.5所示：字段描述字段名称字段类型字段长度备注细则编号r_d_idinteger主键、非空细则名称r_d_namevarchar1024非空主办人得分r_d_u_scoresinteger非空细则得分r_d_p_socresinteger非空细则内容r_d_p_wordstext非空制度编号r_idinteger外键、非空其他条目r_d_othertext表5.2.5文件表(files)文件表的主要作用是为了储存上传的相关文件数据，具体设计如表5.26所示：字段描述字段名称字段类型字段长度备注文件编号f_idinteger主键、非空文件名称f_namevarchar1024非空文件地址f_pathvarchar1024非空事项编号p_idinteger外键、非空表5.2.6职位关系表(positions)职位关系表的主要作用是给不同的用户赋予不同的权限，具体设计如表5.2.7所示字段描述字段名称字段类型字段长度备注职位编号p_idinteger主键、非空职位名称p_namevarchar1024非空系部编号d_idinteger外键、非空职位等级p_levelinteger非空表5.2.7活动关系表(activity)活动关系表的主要作用是处理不同的用户与事项之间的关系，具体设计如表5.2.8所示：字段描述字段名称字段类型字段长度备注用户编号u_idinteger主键、外键、非空事项编号p_idinteger主键、外键、非空用户编号(举办人)p_applicantinteger外键、非空获得分数a_scorefloat非空表5.2.8第6章系统界面设计本章主要展示该系统的页面，以及部分相应的重点代码，让读者更加清楚本系统的运作过程，以及相关功能的实现。6.1系统页面及描述6.1.1员工管理部分登入登入部分主要是用户根据用户账号及密码进行识别，让用户登入到我们系统中，如图所示。图员工信息员工可以进入到个人信息页面对部分信息进行新增和修改，如图，输入对应的信息后，点击保存按钮，就可以保存修改后的信息，如图所示。员工还可以在这个页面进行密码的修改，点击修改密码按钮，会弹出一个新的页面，如图所示，用户在这里需输入原先密码进行匹配，点击修改按钮，完成密码的修改。图图图全体员工信息列表管理员及主任权限可以进入查看全体员工信息列表，如图，进而还可以查看全体员工的详细信息以及删除员工。图添加用户功能按钮，可以新增加一名员工，输入员工的姓名和员工号，以及默认默认密码为123456，还有设置员工的权限。如图所示。图6.1.2绩效统计部分员工查看个人绩效当员工进入到绩效统计页面，如图，默认首先是显示月度排名，在开始和结束时间框内输入你所需要查询的时间范围，点击查询按钮，你就可以看到对应时间你的个人得分和绩效排名以及所在部门和对应的工号，如没有当前数据会显示没有数据，如图。图图点击年度排名后，在时间框选择你所需要查询的年份，就可以展示你当前年份你的个人得分和绩效排名以及所在部门和对应的工号。如图6.1.7。图管理员查看绩效 当系统识别出该用户为管理员的权限，该用户可以查看全体员工的得分以及绩效排名，操作也是只需要输入对应的时间即可，月度排名如图，年度排名如图所示。除了常规的查询绩效之外，还可以选择部门分别进行查看。如图所示。图图图6.1.3事项管理部分活动登记事项申请活动登记页面，是负责申请教师日常的活动，例如：听课，批改作业，参与团建活动等等，如果你想申请的活动暂时不在可供选择的事项列表内，可以以选择其他事项，这时，你申请的事项就会交给主任审批。你需要填写活动名称、活动类别、活动时间、时长、地点、活动信息、如果有其他成员也可以帮他们一同加分。如图所示。图论文发表事项申请的论文发表页面，是专门负责教师提交论文后申请分数的页面，教师可以选择对应文章标准来进行加分。例如：核心期刊、A类论文、B类论文等等。同时也可以添加合作完成的作者，与他们一同加分。它还需要添加一下论文的封面，或者报刊封面等证明材料。如图所示。图获奖评比事项申请的获奖评比页面，是专门负责教师的获奖评比的加分情况。只需要填写获奖的名称、获奖的类别，获奖的简单介绍，获奖的对应得分、以及相应的证明文件，便可以申请对应的得分。如图所示图事项列表员工可以进入事项列表，查看本人申请的所有事项事项，包括该事项的得分情况，以及该事项的审核状态，如图所示。还可以点击右侧的详细信息按钮，查看该事项的更详细的信息，如图所示。如果该申请的事项被驳回，可以查看被驳回的理由，针对该理由重新申请通过审核的几率会更高。图图事项审核员工申请正常的事项是默认通过的，但是管理员及主任可以驳回该事项，让该事项的状态变成驳回，如图和所示。图（事项通过状态）图（事项驳回后状态）管理员及主任通过进入事项