【摘 要】随着科技技术的迅速发展，人才的需求已经成为各个企业的重点关注对象，因此一个好的企业会对人才进行培养和管理。而如今又是信息化发展的时代，各个企业都要与时俱进，因此各个企业设计内部的管理系统，才能实现企业人才的分配和组合，而HR管理系统提供了一个渠道。将企业里的重点人才作为战略目标，因此在各个大企业都有一套属于自己的管理人力资源渠道，纷纷搭建属于各自企业的人力资源管理的平台，对企业内部管理，提高办公效率。
一、引言 1
（一）研究意义 1
（二）主要工作 1
二、相关技术介绍 1
（一）客户端技术 1
1.Vue.js框架 1
2.Webpack打包 2
（二）服务端技术 3
1.Node.js 3
2.Express框架 3
（三）数据库技术 4
1.MySQL 4
三、HR管理系统的需求分析与概要设计 4
（一）系统需求分析 4
四、系统概要设计 7
（一）系统架构设计 7
（二）系统结构设计 8
五、HR管理系统的详细设计 9
（一）登录功能设计 9
（二）部门功能设计 10
（三）职位功能设计 11
（四）员工功能设计 12
（五）招聘功能设计 13
（六）培训功能设计 14
（七）奖惩功能设计 16
（八）薪资功能设计 17
六、HR管理系统的实现 18
（一）登录功能编程实现 18
（二）部门功能编程实现 20
（三）职位功能编程实现 21
（四）员工功能编程实现 22
（五）招聘功能编程实现 24
（六）培训功能编程实现 25
（七）奖惩功能编程实现 26
（八）薪资功能编程实现 27
七、总结 28
致谢 29
参考文献 30
一、引言
随着科技的迅速发展，信息化已经渗入各个企业当中。在这个竞争 *51今日免费论文网|www.jxszl.com +Q: ^351916072# 
激烈的环境中，各个企业为了能跟上时代化就必须与时俱进，因此企业当中就出现了各种各样的管理系统，来维持企业的正常运转。还可以降低企业人力资源的成本，提高员工的效率促进企业的发展。
本系统设计采用B/S架构，用Node设计了一个全面的HR管理系统，帮助企业搭建人力资源管理平台。具有规范的管理，使员工更好的为公司服务。
（一）研究意义
人力资源管理是指运用现代化的科学方法，对智力与劳动力的有机结合产生的劳动人口进行合理的培训、组织及调配，使劳动力发挥最大的效率。现代社会很多企业管理者将人员的招聘放在企业发展战略的第一位，也是企业管理的核心。本文把基于Node+Express的HR管理系统作为研究对象具有重要的意义。
（二）主要工作
本系统的目标是从企业对人力资源管理的需求出发的，用常见的技术开发一款PC端通用且性能高的HR管理系统。将此系统运用于企业管理中，可以让企业对人力资源达到更好的管理，促进企业发展。本设计的主要工作如下：
明确系统开发的目的、意义及效果，为HR管理系统需求分析、系统设计、系统实现提供了相关理论的基础。
对系统开发过程中使用到Vue、Node.js等关键技术进行介绍，对Express框架进行分析，并应用到HR管理系统的研发中，使用Navicat for MySQL 12 操作MySQL数据库对系统数据进行存储。
对HR管理系统进行需求分析，使用UML建模来捕捉用户需求，使用用例图对系统功能进行描述。对HR管理系统架构进行简单设计，具有完善的系统功能。
二、相关技术介绍
（一）客户端技术
1.Vue.js框架
因为近几年来，Web前端技术的迅速发展，涌现出很多前端框架能提高开发效率的，其中Vue.js是其里面优点最好的前端框架之一。Vue.js是一款基于MVVM模式的渐进式JavaScript框架，比较适合开发SPA（single page web application）单页面应用，MVVM（ModelViewViewModel）架构是MVC（Model View Controller）的改进版。正式连接了View和ViewController，并将表示逻辑从Controller移除，放到ViewModel中。可以使用图表清晰地表达MVVM架构是如何表现其数据交互的。MVVM架构模式如图21所示：

图 21 MVVM架构模式
Vue.js框架可以让前端工程师快速搭建界面，它本身的架构带来极大的便利，从上图可以看出Vue.js是一款只专注视图层的框架。Vue.js能让初学者也可以快速使用，它可以往项目引入其他插件提高项目的开发效率。除此以外，组件系统在 Vue.js中也是一个经常被提及的重要理论，其中可以把多个页面当成一个组件来引入一个页面，来减轻每个页面代码量，让页面看起来整洁，便于工程师调整。Vue.js中组件系统示意图如图22所示：


图 2 2组件系统示意图
2.Webpack打包
由于前端技术发展快速[7]，而浏览器内核却对一些前端拓展语言（Scss、Vue等）未识别的前提下，采用Webpack将项目打包成前端资源符合上线部署的。还可以将代码进行分隔，等到实际需要的时候再引入进来。经过Loader 的转换工具，可以把任何形式的资源都视作一个模块，比如 CommonJs、ES6 、CSS、Images、Vue等。
Webpack作为前端开发人员开发项目的首先打包工具， Glup、Grunt、Browserify等渐渐沦为辅助的地步甚至完全被取代。在Glup、Grunt、Browserify等打包已经相当火了的前提下，Webpack展现出它惊人的实力。
按照GitHub上的迭代开展看来，经过Release、Lssues、Commit这几样来看，Webpack的前景是相当不错的，已经有4.0版本，最大的更新应该是其能使用Vueloader插件将文件编译为浏览器可支持的文件。Webpack打包原理示意图如图23所示：

原文链接：http://www.jxszl.com/jsj/jsjkxyjs/564474.html