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

摘要随着科技的发展和进步，各单位逐步实现无纸化办公。对于员工绩效的统计，已由传统的书写登记转为计算机端的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类论文等等。同时也可以添加合作完成的作者，与他们一同加分。它还需要添加一下论文的封面，或者报刊封面等证明材料。如图所示。图获奖评比事项申请的获奖评比页面，是专门负责教师的获奖评比的加分情况。只需要填写获奖的名称、获奖的类别，获奖的简单介绍，获奖的对应得分、以及相应的证明文件，便可以申请对应的得分。如图所示图事项列表员工可以进入事项列表，查看本人申请的所有事项事项，包括该事项的得分情况，以及该事项的审核状态，如图所示。还可以点击右侧的详细信息按钮，查看该事项的更详细的信息，如图所示。如果该申请的事项被驳回，可以查看被驳回的理由，针对该理由重新申请通过审核的几率会更高。图图事项审核员工申请正常的事项是默认通过的，但是管理员及主任可以驳回该事项，让该事项的状态变成驳回，如图和所示。图（事项通过状态）图（事项驳回后状态）管理员及主任通过进入事项管理页面进行一系列操作，如图所示。点击驳回按钮后，右侧会出现填写驳回理由的弹窗，此处你需要填写你的驳回理由再进行提交，如图0所示。图图06.1.4制度管理部分制度列表制度列表是为了方便员工查看其申请事项需要填写加多少分，然后进行手动的填写加分。制度列表的制度大类与事项申请的一样，分为活动登记、论文发表和获奖评比，期下面还有对应的制度细则，明确地指出活动负责人和活动成员获取加分的情况信息。如图所示。图制度管理制度管理是管理员及主任用来添加具体的制度细则，供给普通员工查看，这里面有的主要功能有添加制度，管理制度和删除制度。如图所示。点击添加制度后，会出现一个新的制度细则信息填写页面，如图所示。填写对应的制度细则名称，负责人加分和成员加分情况，以及制度详情便可以生成新的制度细则。点击对应事项的管理按钮，便可以修改对应事项，如图所示。点击确定进行修改后即可返回查看最新的制度信息。如图所示（负责人得分和成员得分已被修改）。点击删除按钮，会弹出一个是否确定删除的弹窗，点击确定就可以删除对应的制度细则。如图所示。图图图图图第7章总结本篇文章的主题是员工绩效管理系统绩效统计模块的设计与实现，绩效管理模块是员工管理系统的最核心部分，也是我在本次的毕业设计中主要负责的部分。绩效管理模块主要功能是：提供月度以及年度绩效的时间设置，让员工和管理员能够更加清晰、明了地查看绩效得分和绩效排名。其中普通员工只能查看自己的绩效以及排名，主任及管理员可以查看全体员的绩效和排名，并且可以分部门的查看相应的信息，这对于以后员工的评优选拔有着更直观更准确的数据。在使用的开发工具上面，前端方面主要使用了React框架，利用redux和store搭建好整体的框架，它的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单，便于开发者的使用。后台使用了Express，Express是一个保持最小规模的灵活的Node.jsWeb应用程序开发框架，为Web和移动应用程序提供一组强大的功能。数据库方面我们做了多方面的考量，最终选择使用MYSQL数据库，由于它是一款轻量级的数据库，更适合我们这款系统的开发和使用。在本次的课题中我们基本上完成了当初系统开发需求，并且在制度设置方面有了更好的结局方案，使得系统的整体功能进一步的提升[12]，更好地服务于用户。而我负责的绩效统计模块，也完成了需求任务，并且对绩效查询的选择部门功能进行了扩展和优化，更加便于使用和统计。整体模块的功能可以完全顺利的使用，但部分页面的细节设置以及交互设计方面[13]有些许的粗糙，仍有待完善和提升。我仍然会对其进行不断的优化和测试，希望能让用户有更好的体验。参考文献[1]刘红冰.计算机应用基础教程Windows7+Office2010[M].中国铁道出版社（2015）[2]刘玉红、蒲娟.HTML+CSS+JavaScript网页设计实战[M].清华大学出版社（2017）[3]（美）布莱恩（EthanBrown）.Node与Express开发[M].人民邮电出版社（2015）[4]陆凌牛.HTML5与CSS3权威指南（第3版[M].\o"机械工业出版社"机械工业出版社（2017）[5]张爱华，吕京涛.CSS快速入门[M].青岛出版社（2000）[6](美国)(Rossharmes)哈梅斯、(美国)(DustinDiaz)迪亚斯.JavaScript设计模式[M].人民邮电出版社（2015）[7]李晋华.React前端技术与工程实践[M].电子工业出版社(2017)[8]（美）特谢拉（PedroTxixeira）.Node.js高级编程[M].清华大学出版社（2013）[9]周俊鹏.前端工程化：体系设计与实践[M].电子工业出版社(2018)[10](美)施瓦茨(BaronSchwartz).高性能MySQL(第3版)[M].电子工业出版社（2017）[11]（美）安东尼·莫利纳罗（AnthonyMolinaro）.sql经典实例[M].人民邮电出版社[12]（澳）麦斯阿塞克（LeszekA.Maciaszek）需求分析与系统设计[M].机械工业出版社(2009)[13]李洪海.交互界面设计[M].化学工业出版社（2011）致谢不知不觉，我大学四年的珍贵的时光就这样一眨眼就过去了，脑海里还依稀记得第一天踏入东软这个美丽的校园。首先感谢我的母校——广东东软学院，谢谢你给我一个能踏入大学学习的机会，谢谢你给我一个更好的平台去实现我的人生价值。其次感谢我十分尊敬的叶老师，从第一天上他的课的时候，我就觉得他是一位非常负责任、能为学生着想的好老师。在大四上学期我老早就找到他当我的毕业指导老师，后来也证明我的选择是十分正确的。在校期间，叶老师几乎每周都找我们开毕业设计讨论会，亲手指导我们完成毕业设计，还给我们演示了一些常用的框架使用方式以及他的心得体会。在论文方面，他把一些优秀的范文案例发给我们参考，并且逐一指出我们论文的不足之处，十分的严格和负责。在他指导下，我们完成毕业设计，以及论文。虽然过程有些坎坷，但是老师一直支持我们，给我们提供意见和参考资料，给我们提供了很大的帮助。十分幸运我能遇到这么一位有耐心负责的好老师，衷心感谢他。当然，我还要感谢与一同奋战的队友们，感谢他们积极参与、认真负责。在校期间我们一同在课室里面开会探讨毕业设计如何完成，在疫情期间，为了解决一个问题，4个人开着语音，一坐就是3个小时，没有放弃、没有推脱，在他们的帮助配合下，我们才顺利完成了任务。通过本次毕业设计，让我对老师在课堂上讲解的知识有更深一步的体会和理解，使我发现自身在技术方面仍然有不少的缺陷，仍需要不断地去学习，不断地去提高。以后想走程序员这条路仍寻不断地去实践不断地去积累经验。当我完成了这个绩效管理系统以后，我获得了满满的收获感，感觉自己的能力和水平又提高了一些。最后，再次感谢我在大学中对我有教育之恩的老师们，以及答辩组和答辩老师们对我们毕业生论文审查工作的辛勤付出，谢谢你们。

电脑不启动故障诊治了解电脑启动的过程在诸多电脑故障中，无法正常启动是最令用户头痛的事了。笔者长期从事维护电脑的工作，在这个方面积累了一些经验，现在就将这些经验整理归纳出来与朋友们分享。本文将以家用电脑和windows98操作系统为基础，介绍电脑无法正常启动故障的诊治。要想准确地诊断电脑不启动故障，首先要了解的起动过程，当我们按下电源开关时，电源就开始向主板和其它设备供电，此时电压还没有完全稳定，主板控制芯片组会根据CMOS中的CPU主频设置向CPU发出一个Reset(重置)信号，让CPU初始化，电压完全稳定后，芯片组会撤去Reset信号，CPU马上从地址FFFF0H处执行一条跳转指令，跳到系统BIOS中真正的启动代码处。系统BIOS首先要做的事情就是进行POST(PowerOnSelfTest，加电自检)。POST的主要任务是检测系统中的一些关键设备(电源、CPU芯片、BIOS芯片、定时器芯片、数据收发逻辑电路、DMA控制器、中断控制器以及基本的64K内存和内存刷新电路等)是否存在和能否正常工作，如内存和显卡等。自检通过后，系统BIOS将查找显示卡的BIOS，由显卡BIOS来完成显示卡的初始化，显示器开始有显示，自此，系统就具备了最基本的运行条件，可以对主板上的其它部分进行诊断和测试，再发现故障时，屏幕上会有提示，但一般不死机，接着系统BIOS将检测CPU的类型和工作频率，然后开始测试主机所有的内存容量，内存测试通过之后，系统BIOS将开始检测系统中安装的一些标准硬件设备，这些设备包括：硬盘、CD－ROM、软驱、串行接口和并行接口等连接的设备，大多数新版本的系统BIOS在这一过程中还要自动检测和设置内存的相关参数、硬盘参数和访问模式等。标准设备检测完毕后，系统BIOS内部的支持即插即用的代码将开始检测和配置系统中已安装的即插即用设备。每找到一个设备之后，系统BIOS都会在屏幕上显示出设备的名称和型号等信息，同时为该设备分配中断、DMA通道和I/O端口等资源。最后系统BIOS将更新ESCD(ExtendedSystemConfigurationData，扩展系统配置数据)。ESCD数据更新完毕后，系统BIOS的启动代码将进行它的最后一项工作，即根据用户指定的启动顺序从软盘、硬盘或光驱启动。以从C盘启动为例，系统BIOS将读取并执行硬盘上的主引导记录，主引导记录接着从分区表中找到第一个活动分区，然后读取并执行这个活动分区的分区引导记录，而分区引导记录将负责读取并执行IO.SYS，这是Windows最基本的系统文件。IO.SYS首先要初始化一些重要的系统数据，然后就显示出我们熟悉的蓝天白云，在这幅画面之下，Windows将继续进行DOS部分和GUI(图形用户界面)部分的引导和初始化工作，一切顺利结束，电脑正常启动。根据故障现象诊治了解电脑启动的过程，故障就好判断了，下面我们就根据故障现象开始诊治了：现象一：系统完全不能启动，见不到电源指示灯亮，也听不到冷却风扇的声音。这时，基本可以认定是电源部分故障，检查：电源线和插座是否有电、主板电源插头是否连好，UPS是否正常供电，再确认电源是否有故障，最简单的就是替换法，但一般用户家中不可能备有电源等备件，这时可以尝试使用下面的方法（注意：要慎重）：先把硬盘，CPU风扇，或者CDROM连好，然后把ATX主板电源插头用一根导线连接两个插脚（把插头的一侧突起对着自己，上层插脚从左数第4个和下层插脚从右数第3个，方向一定要正确），然后把ATX电源的开关打开，如果电源风扇转动，说明电源正常，否则电源损坏。如果电源没问题直接短接主板上电源开关的跳线，如果正常，说明机箱面板的电源开关损坏。现象二：电源批示灯亮，风扇转，但没有明显的系统动作。这种情况如果出现在新组装电脑上应该首先检查CPU是否插牢或更换CPU，而正在使用的电脑的CPU损坏的情况比较少见（人为损坏除外），损坏时一般多带有焦糊味，如果刚刚升级了BIOS或者遭遇了CIH病毒攻击，这要考虑BIOS损坏问题（BIOS莫名其妙的损坏也是有的），修复BIOS的方法很多杂志都介绍过就不重复了；确认CPU和BIOS没问题后，就要考虑CMOS设置问题，如果CPU主频设置不正确也会出现这种故障，解决方法就是将CMOS信息清除，既要将CMOS放电，一般主板上都有一个CMOS放电的跳线，如果找不到这个跳线可以将CMOS电池取下来，放电时间不要低于5分钟，然后将跳线恢复原状或重新安装好电池即可；如果CPU、BIOS和CMOS都没问题还要考虑电源问题：PC机电源有一个特殊的输出信号，称为POWERGOOD（PG）信号，如果PG信号的低电平持续时间不够或没有低电平时间，PC机将无法启动。如果PG信号一直为低电平，则PC机系统始终处于复位状态。这时PC机也出现黑屏、无声响等死机现象。但这需要专业的维修工具外加一些维修经验，因此，建议采用替换法；电源没有问题就要检查是否有短路，确保主板表面不和金属（特别是机箱的安装固定点）接触。把主板和电源拿出机箱，放在绝缘体表面，如果能启动，说明主板有短路现象；如果还是不能启动则要考虑主板问题，主板故障较为复杂，可以使用替换法确认，然后更换主板。现象三：电源指示灯亮，系统能启动，但系统在初始化时停住了，而且可以听到嗽叭的鸣叫声（没有视频）：根据峰鸣代码可以判断出故障的部位。ccid_page/AwardBIOS1短声：说明系统正常启动。表明机器没有问题。2短声：说明CMOS设置错误，重新设置不正确选项。1长1短：说明内存或主板出错，换一个内存条试试。1长2短：说明显示器或显示卡存在错误。检查显卡和显示器插头等部位是否接触良好或用替换法确定显卡和显示器是否损坏。1长3短：说明键盘控制器错误，应检查主板。1长9短：说明主板FlashRAM、EPROM错误或BIOS损坏，更换FlashRAM。重复短响：说明主板电源有问题。不间断的长声：说明系统检测到内存条有问题，重新安装内存条或更换新内存条重试。AMIBIOS1短：说明内存刷新失败。更换内存条。2短：说明内存ECC较验错误。在CMOS中将内存ECC校验的选项设为Disabled或更换内存。3短：说明系统基本内存检查失败。换内存。4短：说明系统时钟出错。更换芯片或CMOS电池。5短：说明CPU出现错误。检查CPU是否插好。6短：说明键盘控制器错误。应检查主板。7短：说明系统实模式错误，不能切换到保护模式。8短：说明显示内存错误。显示内存有问题，更换显卡试试。9短：说明BIOS芯片检验和错误。1长3短：说明内存错误。内存损坏，更换。1长8短：说明显示测试错误。显示器数据线没插好或显示卡没插牢。现象四：系统能启动，有视频，出现故障提示，这时可以根据提示来判断故障部位。下面就是一些常见的故障提示的判断：一、提示“CMOSBatteryStateLow”原因：CMOS参数丢失，有时可以启动，使用一段时间后死机，这种现象大多是CMOS供电不足引起的。对于不同的CMOS供电方式，采取不同的措施：1.焊接式电池：用电烙铁重新焊上一颗新电池即可；2.钮扣式电池：直接更换；3.芯片式：更换此芯片，最好采用相同型号芯片替换。如果更换电池后时间不长又出现同样现象的话，很可能是主板漏电，可检查主板上的二极管或电容是否损坏，也可以跳线使用外接电池，不过这些都需要有一定的硬件维修基础才能完成。二、提示“CMOSChecksumFailure”CMOS中的BIOS检验和读出错；提示“CMOSSystemOptionNotSet”，CMOS系统未设置；提示“CMOSDisplayTypeMismatch”，CMOS中显示类型的设置与实测不一致；提示“CMOSMemorySizeMismatch”，主板上的主存储器与CMOS中设置的不一样；提示“CMOSTime&DateNotSet”，CMOS中的时间和日期没有设置。这些都需要对CMOS重新设置。三、提示“KeyboardInterfaceError”后死机原因：主板上键盘接口不能使用，拔下键盘，重新插入后又能正常启动系统，使用一段时间后键盘无反应，这种现象主要是多次拔插键盘引起主板键盘接口松动，拆下主板用电烙铁重新焊接好即可；也可能是带电拔插键盘，引起主板上一个保险电阻断了（在主板上标记为Fn的东西），换上一个1欧姆／0.5瓦的电阻即可。四、自检过程中断在xxxKCache处这表示主板上Cache损坏，可以在CMOS设置中将“ExternalCache”项设为“Disable”故障即可排除。同理，在自检主板部件时出现中断，则可以认为该部件损坏，解决方法一般可以在CMOS中将其屏蔽，如果不能屏蔽该部件最好更换主板。五、提示“FDDControllerFailure”BIOS不能与软盘驱动器交换信息；提示“HDDControllerFailure”，BIOS不能与硬盘驱动器交换信息。应检查FDD（HDD）控制卡及电缆。六、提示“8042GateA20Error”8042芯片坏；提示“DMAError”，DMA控制器坏。这种故障需要更换。七、提示“DisplaySwitchNotProper”主板上的显示模式跳线设置错误，重新跳线。八、提示“KeyboardisLock...Unlockit”键盘被锁住，打开锁后重新引导系统。九、IDE接口设备检测信息为：“DetectingPrimary（或Secondary）Master（或Slave）...None”表示该IDE接口都没有找到硬盘，如果该IDE口确实接有硬盘的话，则说明硬盘没接上或硬盘有故障，可以从以下几方面检查：1、硬盘电源线和数据线是否接触不良，或换一根线试试；2、CMOS设置有无错误，进入CMOS将“PrimaryMaster”、“PrimarySlave”、“SecondaryMaster”三项的的“TYPE”都设置成“Auto”；3、替换法确认硬盘本身有故障。十、IDE接口设备检测信息下面显示“Floppydisk(s)fail(40)”出错信息表示CMOS所指定的软盘驱动器有问题。判断和解决的方法与硬盘相似。现象五：系统不能引导。这种故障一般都不是严重问题，只是系统在找到的用于引导的驱动器中找不到引导文件，比如：BIOS的引导驱动器设置中将软驱排在了硬盘驱动的前面，而软驱中又放有没有引导系统的软盘或者BIOS的引导驱动器设置中将光驱排在了硬盘驱动的前面，而光驱中又放有没有引导系统的光盘，这个都很简单，将光盘或软盘取出就可以了，实际应用中遇到“DiskBootFailure，InsertSystemDiskAndPressEnter”的提示，多数都是这个原因。如果是硬盘不能引导的话一般有两种情况：一种是硬盘数据线没有插好，另一种就是硬盘数据损坏。前者一般多会出现硬盘容量检测不正确和引导时出现死机的现象；后者则是干脆找不到引导文件或提示文件损坏。前者只需重新连接好数据线即可；后者则需要用win98的启动软盘或启动光盘启动，根据实际情况来定：一、提示“Invalidpartitiontable”或“NotFoundany[activepartition]inHDDDiskBootFailure，InsertSystemDiskAndPressEnter”，这说明找不到硬盘活动分区，需要对硬盘重新分区。二、提示“Missoperationsyste”，说明硬盘活动分区需要重新格式化（formatc:/s）。三、提示“Invalidsystemdi