员工绩效管理系统的员工管理模块的设计与实现.doc





《员工绩效管理系统的员工管理模块的设计与实现.doc》由会员分享,可在线阅读,更多相关《员工绩效管理系统的员工管理模块的设计与实现.doc(49页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、本科毕业设计(论文) 员工绩效管理系统的员工管理模块的设计与实现Design and Implementation of EmployeeManagement Module of Performance Management System院 (系)计算机学院专 业软件工程班 级软工五班学 号16210120523学生姓名张文宇指导教师叶常春提交日期2020年 05月5 日毕业设计(论文)原创性声明本人郑重声明:所呈交的毕业设计(论文),是本人在指导老师的指导下,独立进行的设计(研究)工作及取得的成果,论文中引用他人的文献、数据、图件、资料均已明确标注出,论文中的结论和结果为本人独立完成,不包含
2、他人已经发表或撰写的作品及成果。对本文的研究作出贡献的个人和集体,均已在论文中作了明确的说明。本人完全意识到本声明的法律结果由本人承担。毕业论文作者(签字): 签字日期: 年 月 日成绩评定 成绩项论文成绩(百分制)折合比例实得成绩(折合分)指导教师成绩30%评阅教师成绩20%答辩成绩50%总评成绩注:毕业设计(论文)成绩按百分制评定。答辩成绩不及格的(评分低于60分的),则该毕业设计(论文)总评成绩为答辩成绩。摘要随着互联网技术和教育事业的飞速发展,使用相应的员工绩效管理系统实现员工绩效管理工作流程的信息化、网络化、规范化和自动化成为各大院校的必然选择和共同趋势。目前,我校计算机学院仍使用E
3、xcel甚至传统的纸质工具来对教职工的绩效进行手动登记管理。根据学校的真实需求,开发出一套适合的员工绩效管理系统来提高学校的工作效率。本次开发的员工绩效管理系统将用于计算机学院内的年度绩效统计,核心功能是登记、统计机构内员工的年度绩效,系统由员工管理、制度管理、事项管理和绩效统计四个模块组成。系统采用了前后端分离的方案,前端主要使用了以React框架为核心以及Redux、React-Router、Ant-Design等技术进行组件化开发,后端使用了基于Node.js的Express框架,数据库使用的是Mysql5.7。基于React和Node.js的员工绩效管理系统,具有很强的页面交互能力以及
4、很快的页面相应速度,在面对操作较为复杂的使用场景时,都能够提供稳定的运行环境和很高的可用性。关键词:员工绩效管理 员工管理 React框架 Node.js Express框架 Abstract With the rapid development of Internet technology and education, using the corresponding employee performance management system to realize the informatization, networking, standardization and automation
5、of employee performance management workflow has become the inevitable choice and common trend of colleges and universities. At present, our school still uses Excel or even traditional paper tools to manually register and manage the performance of teaching staff. According to the real needs of the sc
6、hool, develop a set of suitable employee performance management system to improve the efficiency of the school.The employee performance management system developed this time will be used for the annual performance statistics in the school of computer science. Its core function is to register and cou
7、nt the annual performance of employees in the Institute. The system consists of four modules: employee management, system management, event management and performance statistics. The system adopts the scheme of front-end and back-end separation. The front-end mainly uses react framework as the core,
8、 Redux, react router, ant design and other technologies for component development. The back-end uses express framework based on node.js, and the database uses mysql5.7. The employee performance management system based on react and node.js has strong page interaction ability and fast page correspondi
9、ng speed, which can provide stable operation environment and high availability in the face of complex operation scenariosKey words:Employee performance management Staff management React Node.jsExpress framework目录第1章 绪论11.1选题的意义和目的11.2 研究现状11.3课题研究的内容11.4课题的开发任务21.5论文结构概述2第2章 相关技术及开发工具42.1技术背景42.2开发工
10、具及其版本:42.3相关技术概述52.3.1 JavaScript简介52.3.2 React52.3.3 Redux52.3.4 Ant-Design62.3.5 Node.js简介62.3.6 Express简介62.3.7 MySql简介7第3章 需求分析83.1主要工作描述83.2需求及分析83.2.1可行性分析83.2.2系统功能性需求分析8第4章 员工管理模块的分析与设计104.1用户角色及其功能104.1.1管理员角色104.1.2机构负责人角色104.1.3普通员工114.2系统总体设计114.2.1实体E-R图设计114.2.2功能模块流程设计134.2.3React框架设计
11、134.2.4Express服务器设计16第5章 绩效管理系统的数据库设计245.1数据库E-R图设计245.2数据表设计及作用概述25第6章 员工管理模块的实现286.1系统开发及其页面描述286.2部分核心代码展示326.2.1.网络请求函数的封装326.2.2React主页组件关键代码336.2.3查看和修改用户信息关键代码36第7章 总结与展望397.2总结397.2展望39参考文献41致谢42广东东软学院本科生毕业设计(论文)第1章 绪论 1.1选题的意义和目的在如今的互联网时代,各个企业单位为了更好地管理员工的信息,都拥有合适自己的信息管理系统,但关广东东软学院做为一所以IT专业为
12、主的互联网院校,却没有一套自己的绩效管理系统,一直以来都是使用传统的Excel甚至是纸质等工具来对教师的绩效进行人工手动登记管理,这实在是不符合我校目前的办学水平。因此,有必要开发出一套员工绩效管理系统,来提高老师的工作效率,实现教师绩效管理工作流程的信息化、规范化和自动化,进一步提我校计算机学院的工作效率和现代化水平。1.2 研究现状随着互联网技术的发展以及信息时代的来临,人类产生的信息量出现了爆炸性的增长,如何对这些庞大的信息进行高效率的管理已成为人们必须要面临的问题。如今,我国各大高校为了对教师绩效信息进行智能化的管理,都开发出了自己的员工绩效管理系统用于员工绩效的管理。他们系统的后端开
13、发大多数都是使用了Java语言、SSH框架以及JSP等技术进行开发的。本员工绩效管理系统的整体框架是基于Node.js平台,采用Web应用程序框架Express架构进行搭建,该框架的特点是简洁高效,并且可以很好地处理高并发的问题。前端开发使用的技术框架是React框架,它可以提升开发效率以及代码的可维护性和可阅读性。1.3课题研究的内容本课题研究的内容为员工绩效管理系统中的员工管理模块的设计与实现,一共有管理员、机构负责人、普通员工三个用户角色,分别拥有不同的权限。每个用户都可以使用自己的账号密码登录该系统,管理员可以新增新用户,给他们分配不同的权限,即把他们分为机构负责人和普通员,管理员还可
14、以删除其他用户、查看所有用户信息以及修改信息条目,其他用户只能查看和修改自己的个人信息和登录密码。普通员工只能录入自己的业绩活动事项,查看自己的绩效。机构负责人可以查看全体员工的绩效排名,审核员工提请的绩效事项。 1.4课题的开发任务 本课题主要负责开发系统中的员工管理模块,我将该模块分为了登录模块、新增用户模块、删除用户模块、用户信息模块、权限管理模块以及修改密码模块六个子模块,六个子模块的开发目标如下:(1)登录模块:每个用户都可以使用自己的账号密码登录员工管理系统。(2)新增用户模块:管理员添加新的用户,新用户的基本信息有职工号(登录账号)、用户名称、初始密码、入职时间、用户权限。(3)
15、删除用户模块:管理员删除已有的用户的所有信息,包括用户的个人信息以及事项信息。(4)用户信息模块:展示和修改用户的个人信息,管理员可以查看和修改所有用户的信息,其他用户只能查看和修改自己的信息。(5)权限管理模块:普通员工只能录入自己的业绩活动事项,查看自己的绩效。机构负责人可以查看全体员工的绩效排名,审核员工提请的绩效事项。(6)修改密码模块:根据用户权限修改密码,每个用户都可以修改自己的登录密码,管理员可以修改所有用户的密码。1.5论文结构概述本文的论文结构如下:第一章 绪论。本章介绍了员工绩效管理系统的课题背景,开发的目的以及关于员工绩效管理系统的研究现状和本文的主要工作和组织结构,以便
16、让读者更好地阅读和理解本文。第二章 相关技术和开发工具。本章介绍了开发中的技术背景,并对相关的核心技术进行了概述。第三章 需求分析。本章对绩效管理系统的功能性需求和非功能性需求进行分析,并介绍本人在开发该系统中承担的工作。第四章 员工管理模块的分析与设计。本章对课题模块的总体设计思路以及模块的划分进行了概述。第五章 绩效管理系统的数据库设计。本章对系统的数据库的详细设计做了详细的概述。 第六章 员工管理模块的实现。本章通过图文结合的方式,对员工管理模块的具体开发过程进行了概述,并展示了相关的核心代码。第七章 总结与展望。本章总结了本人开发该系统的一些总结以及该系统未来的展望。第2章 相关技术及
17、开发工具2.1技术背景在过去的几年,整个互联网应用经历了从轻客户端到富客户端的变化,前端应用的规模变得越来越大,交互也越来越复杂,而前端工程用简单的方法库已经不能维系应用的复杂度,需要使用一种框架的思想去构建应用1。为了更好地构建更大规模更复杂的应用,Facebook在2013年发布了名为React的前端库。从表面看,React被大部分人理解成View库,实际上,它远远复杂于View的承载。React使用了Virtual DOM渲染技术,该技术相对于其它渲染技术效率较高,React实现了构建可组合的组件。在使用React开发应用的过程中,我们主要的工作是组件本身的逻辑、组件的复用以及对组件进行
18、测试,即使是构建大型的应用也不用担心效率问题。随着React框架的不断发展与改进, React的技术体系已经趋于稳定,如今已成为大多数前端工程师开发应用的首选。在未来,React必然不过是一块小石头沉入海底,但它溅起的涟漪影响了无数的前端开发的思维,影响了无数应用的构建,它成就了JavaScript的繁荣1。本系统将会基于React框架来进行开发。2.2开发工具及其版本:操作系统:Windows10开发用的IDE:Visual Studio Code 版本:1.44.1开发工具包:Node.js 版本:12.14.1数据库:Mysql 版本:5.7数据库管理工具:Navicat Premium
19、 12浏览器:Google Chrome 接口测试工具:ouapi2.3相关技术概述2.3.1 JavaScript简介JavaScript一种动态类型、弱类型、基于原型的脚本语言,它由ECMAScript、DOM、BOM三部分组成。JavaScript可以用于web网站的开发3。因为它是脚本语言,可以不用编译这个过程,我对它的理解就是可以让一个HTML网页动起来,它的功能很强大,而且它不但可以使用现有的对象,还可以创建新的对象,它可以不用web服务器就可以响应用户。2.3.2 ReactReact是一套用于用于构建用户界面的JavaScript前端框架,它引入了虚拟DOM的机制,大大提高了页
20、面的渲染效率,声明式设计、高效、灵活、JSX、组件化、单向数据流等是React的特点。随着React的不断更新,如今的它已经发展成了一个完整的前端技术生态体系,包括路由、状态管理器、UI库、调试工具等。React体系的相关技术已经被广泛应用在移动端、Web端、服务器端甚至是VR领域。随着React背后技术生态体系的不断发展,现在的React已成为互联网最热门,生态最完善的框架,也是目前互联网行业在web应用方面的解决方案。本次开发的员工绩效管理系统的前端将基于React进行开发。2.3.3 Redux随着前端开发的日趋复杂以及规模日趋庞大,前端页面所涉及的数据状态管理也越来越多。Redux是一
21、个简单的状态管理框架,它能清晰地描绘应用的状态,是React技术体系中的重要组成部分,主要负责页面的状态管理。Redux是单向数据流传输,明确了每次数据的改变,确保了整个应用的状态变化清晰。Redux大致分为Action、Reducers以及Store三部分,Redux的工作流程图如图2.3.3所示。其中,Action是用户的一个操作,每个Action都对应一个操作,它一般包含了操作的类型和数据,Action将数据从页面发送至Store。Store是整个应用的状态,所有的状态都被保存在这里,各个页面会随着Store里的状态的改变而从新渲染。Redux是一个状态管理容器,对来自服务器的数据进行缓
22、存处理。当Store调用dispatch方法传入状态(previousState)以及用户的操作(action)后,Reducers根据传来的Action修改previousState,然后返回新的状态newState。最后页面组件通过Store获取新的状态,从而更新页面。图2.3.3Redux工作流程图2.3.4 Ant-DesignAnt-Design是一款用户界面组件库,Ant-Design通过模块化的解决方案,为很多企业级产品提供服务。Ant-Design本身由React框架编写,封装了大量的交互组件,对于开发大型复杂的应用来说大大降低了开发成本和提高了开发效率。员工管理系统使用了An
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 员工 绩效 管理 系统 模块 设计 实现

限制150内