【河北建筑工程学院毕业论文】基于vue的人事管理系统的设计与实现

注：仅展示部分文档内容和系统截图，需要完整的视频、代码、文章和安装调试环境请私信up主。

摘  要

人力资源是企业最重要的资产之一，管理好人力资源可以帮助企业提高生产效率、降低成本、提高竞争力。而人事管理系统作为一种重要的管理工具，可以帮助企业实现对人力资源的全面管理和精细化管理。目前，人事管理系统已经成为企业管理的必备工具之一，越来越多的企业开始意识到人力资源管理的重要性，加大对人事管理系统的建设和应用。

基于Vue的人事管理该系统采用了前后端分离的架构设计。使用Java语言。前端使用Vue框架实现，后端使用spring boot框架实现，主要使用的开发工具有IDEA和Navicat。系统具有完善的人事管理功能，包括员工信息管理、薪资管理、招聘管理等，同时还具备良好的用户体验和可扩展性。本论文详细介绍了系统的需求分析、设计原则、技术选型、模块划分、实现方法和测试等方面，同时还对系统进行了性能测试和用户调查，验证了系统的可行性和实用性。能够满足企业的需求，具有一定的应用价值。

关键词：人事管理系统；Vue框架；Java；MySQL数据库

目  录

第1章 绪论

1.1 研究背景及目的

1.2 研究的主要内容

第2章 平台开发相关技术

2.1 Java语言

2.2 spring boot框架

2.3 MySQL数据库

2.4 Vue

第3章 系统软件需求分析和概要设计

3.1 系统的需求分析

3.1.1 功能需求分析

3.1.2 系统可行性分析

3.2 系统的基本要求

3.3 系统总体架构设计

3.4 系统数据库的设计

3.4.1 数据库设计思路

3.4.2 数据库E/R图

3.4.3 数据库表

第4章 系统软件功能的具体实现

4.1 前台模块实现

4.2 后台模块实现

4.2.1 管理员模块实现

4.2.2 用户模块实现

第5章 系统测试与结论

5.1 测试用例

5.1.1 登录场景测试

5.1.2 注册场景测试

5.1.3 管理员相关测试

5.1.4 用户相关测试

5.2 结论

参考文献

致  谢

1.1 研究背景及目的

1. 研究背景

由于互联网技术的快速发展，使得各部门都是以数字化、信息化、无纸化的发展趋势，随着趋势的发展，各种决策系统、辅助系统也应运而生，其中，人事管理系统就是其中的重要组成部分。

计算机技术出现之前人们使用的管理方法已无法满足现代人们的需求，即人工来完成人事管理系统的管理，这种方法存在着工作效率低以及保密性差，易出错等问题，同时还会生成大量的文本和数据，在检索数据时极大不便。而此次设计的人事管理系统，拥有对信息的快速检索、保存了大量的人事管理系统信息，具有信息系统保存的稳定性高和维护成本低等优点，对人事管理系统管理的工作效率也能提高。它不仅可以提高管理人员的工作效率，减少工作人员的负担，也可以使人事管理系统管理工作的质量得到保障，提高管理水平。

1. 研究的目的

研究的目的主要有以下几点

1. 1. 首先提升形象：这是每个企事业单位建设系统的目的之一。
   2. 加强人事服务：人事管理行业性质要求定期提供资料给管理员，并将相关的人员档案、薪资管理、奖惩管理等进行总和统一管理。
   3. 同时一个好的系统能将人事的信息管理手段提上一个新的台阶。系统内容可以随时更新，这点对于现代人事管理来说是很重要，但传统的管理方式都无法做到的。人事管理系统就可以每天更新，随时反映人事的最新情况。

1.2 研究的主要内容

人事管理系统作为一种信息化手段，可以对组织人力资源进行管理，帮助企业实现精细化管理，提高员工的工作效率和满意度。其功能模块包括人员档案管理、招聘管理、薪资管理等，其中人员档案管理是其核心模块。现代的人事管理系统通过信息化技术的有机结合，实现集成化、标准化的操作，提高了信息化水平和劳动力效率。

人事管理系统的应用范围广泛，涵盖了企事业单位、政府机关、高校等各行各业。不同行业、不同规模的企业都有着不同的应用需求。随着社会经济的发展，人力资源管理也面临着更加复杂和多样化的问题，因此人事管理系统也必须不断更新完善，以满足各行各业的管理需求。

人事管理系统的技术支持主要依赖于人工智能技术、云计算技术等，这些技术能够为系统提供更加智能化、安全性更高的服务。未来的人事管理系统将更加注重深度融合技术的优势和企业人力资本的特点，更好地助力于企业的发展。

在设计人事管理系统时，需要考虑数据流量较大，系统应该满足使用方便、操作灵活的要求。具体来说，系统的界面要美观友好、检索要快捷简易、数据存储要安全可靠。同时，要全面展示所有系统信息管理，并可推荐展示最新人事管理系统信息，便于用户快捷地进行人事管理系统信息查询。用户可以随时修改自己的基本资料，实现人事管理系统信息共享的功能。

1. 系统软件需求分析和概要设计

3.1 系统的需求分析

3.1.1 功能需求分析

本次的毕业设计主要就是设计并开发一个人事管理系统软件，在设计之前要先了解该系统所需要具备各种功能。通过查阅借鉴其他公司的人事管理系统发现人事管理系统不仅要为管理员提供方便，还要方便用户查询一些相关信息，故本系统从管理员和用户两个不同的身份需要开始设计，其中不同的身份有着不同的功能。

1. 管理员方面

管理员要先登录管理员账号，才可以进行管理本公司人事方面的业务操作。可以操作的主要内容有：

1. 用户管理：作为人事管理系统首先要进行人员方面的管理，该系统要进行用户各个信息的整理，便于公司管理员对各位用户的了解。
2. 招聘信息管理：公司招聘需要HR对于公司目前职位情况以及根据职位所需要的各种性格、技术等的要求有一定的认识后进行职位招聘发布，而人事管理系统中的招聘信息的管理为公司HR对招聘需求以及招聘岗位发布提供了便利。
3. 应聘信息管理：管理员可以对应聘人员进行查看筛选工作，并在之后做出决策。
4. 入职培训管理：管理员可以在该系统中进行入职培训的记录、查看和修改操作。
5. 奖惩信息管理：管理员可以对员工的奖惩信息进行增删改查功能，同时用户可以查看管理员所更改或增减的奖惩信息。
6. 工资信息管理：管理员可对员工的工资进行增删改查功能，员工可在用户界面查看修改的相应工资信息。
7. 离职申请管理：管理员可看到公司员工提交的离职申请，可查看员工提交的离职申请的相关内容，可以了解到员工离职的缘由以及离职申请提交的日期。管理员可根据离职申请内容做出相应的离职决策。
8. 离职批准管理：管理员可看到所批准的离职申请，可以查看详情信息并且修改或者删除相应的信息。

1.  用户方面

用户方面主要是查看有管理员修改发布的员工在公司中的详细信息，包括应聘信息、入职培训、奖惩信息、工资信息、离职批准。

用户还可以在本系统进行离职申请，如若想要离职可以申请离职并填写离职原因、离职时间等信息然后提交。管理员将会看到提交的离职申请并做出相应的决策。

第4章 系统软件功能的具体实现

本系统是基于vue架构、以IntelliJ IDEA 为开发工具，并由Navicat Premium来管理MySQL数据库从而创建的人事管理系统。该系统主要分为前台和后台。前台由首页、招聘信息、公告咨询、个人中心等组成。后台分为两种，根据操作者的身份分为用户和管理员。

4.1 前台模块实现

当打开系统的网址后，首先看到的就是首页界面。在这里，可以看到系统首页界面的精美有三张轮播图轮番改变，提升了网页的视觉效果，还可以看到人事管理系统简洁的界面，并且有着合理的页面结构，比如导航条，通过导航条导航可以进入各功能展示页面进行操作，方便用户的使用。如图4.1所示：

相关代码如下：

   @RequestMapping("/info/{id}")

   public R info(@PathVariable("id") String id){

       ConfigEntity config = configService.selectById(id);

       return R.ok().put("data", config);

    }

   @IgnoreAuth

   @RequestMapping("/detail/{id}")

   public R detail(@PathVariable("id") String id){

       ConfigEntity config = configService.selectById(id);

       return R.ok().put("data", config);

    }

   @RequestMapping("/info")

   public R infoByName(@RequestParam String name){

       ConfigEntity config = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));

       return R.ok().put("data", config);

    }

   @PostMapping("/save")

   public R save(@RequestBody ConfigEntity config){

//    ValidatorUtils.validateEntity(config);

    configService.insert(config);

       return R.ok();

    }

  

   @RequestMapping("/update")

   public R update(@RequestBody ConfigEntity config){

//       ValidatorUtils.validateEntity(config);

       configService.updateById(config);//全部更新

       return R.ok();

   }

   @RequestMapping("/delete")

   public R delete(@RequestBody Long[] ids){

    configService.deleteBatchIds(Arrays.asList(ids));

       return R.ok();

    }

}

第5章 系统测试与结论

在开发系统中，测试环节是必不可少的，没有测试过的系统是不足以迎接市场以及用户的考验的。本次系统测试将采用黑盒测试，在不考究系统实现原理的前提下，来进行各种有可能的操作，以此来检验系统可能存在的隐患以及问题。

5.1 测试用例

5.1.1 登录场景测试

用户登录场景测试是针对用户登录进行的测试。用户在登录界面选择对应身份并输入正确的用户名和密码即可进入系统。如表5.1所示，测试结果正常。

表5.1 登录场景

序号	用户名	密码	预期结果	测试结果
1	abo	123456	系统成功进入	正常
2	abo	111111	系统提示用户名、密码不正确，请检查	正常
3	空	123456	系统提示用户名不能为空	正常
4	abo	空	系统提示密码不能为空	正常

注：仅展示部分文档内容和系统截图，需要完整的视频、代码、文章和安装调试环境请私信up主。