【开源免费】Vue+SpringBoot打造实现智能化人事系统，初学者入门实战项目

男娘i 2023-09-26 10:06 36阅读 0赞

> **作者主页**：[Designer 小郑][Designer]  
> **作者简介**：3年JAVA全栈开发经验，专注JAVA技术、系统定制、远程指导，致力于企业数字化转型，CSDN学院、蓝桥云课认证讲师。

--------------------

<table> 
 <thead> 
  <tr> 
   <th>标题</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>项目类型</td> 
   <td><strong>开源项目</strong></td> 
  </tr> 
  <tr> 
   <td>项目名称</td> 
   <td><strong><span><span><span> 智能化人事系统 \color{red}{智能化人事系统} </span><span><span><span style="height: 0.6833em;"></span><span style="color: red;"><span style="color: red;">智能化人事系统</span></span></span></span></span></span></strong></td> 
  </tr> 
  <tr> 
   <td>Git 仓库</td> 
   <td><strong><a href="https://gitee.com/yyzwz/personnel-system" rel="nofollow">https://gitee.com/yyzwz/personnel-system</a></strong></td> 
  </tr> 
  <tr> 
   <td>增值服务</td> 
   <td>【<span><span><span> 文档、部署、讲解 \color{red}{文档、部署、讲解} </span><span><span><span style="height: 0.6833em;"></span><span style="color: red;"><span style="color: red;">文档、部署、讲解</span></span></span></span></span></span>】 <strong><a href="https://bbs.csdn.net/topics/617132402" rel="nofollow">https://bbs.csdn.net/topics/617132402</a></strong></td> 
  </tr> 
  <tr> 
   <td>项目编码</td> 
   <td><strong>ky014</strong></td> 
  </tr> 
 </tbody> 
</table>

--------------------

![在这里插入图片描述][9ff8ebb7f8ed4f4dbe5710c4587e4cc6.png]

![在这里插入图片描述][01f5ae7b9c6944159be317295b90e4d4.png]

#### 目录 ####

*   *  一、项目简介
     *  二、功能明细
     *  三、使用对象
     *  四、技术选型
     *   *  前端
         *  后端
         *  数据库
         *  开发环境
     *  五、系统展示
     *   *  登录页
         *  注册页
         *  主页
     *  职位管理
     *   *  职称管理
         *  管理端通告发布
         *  员工通告查询
         *  员工请假
         *  新增请假
         *  请假审核
         *  员工留言
         *  留言回复
         *  薪资标准
         *  申请工资提现
         *  工资提现审核
         *  员工管理
         *  组织架构
         *  文件存储（本地）
         *  日志
         *  数据字典
         *  修改密码
         *  个人门户
     *  六、项目总结
     *  七、核心代码实例
     *   *  实体类定义
         *  控制器层
         *  前端表单
     *  八、免责声明

--------------------

### 一、项目简介 ###

基于 Vue 和 SpringBoot 的智能化人事系统能够为公司提供良好的公司事务管理信息界面，方便公司对自己结构层次，人事处理进行修改、维护、检索信息。采用 SpringBoot + Vue + MySQL 设计实现智能化人事系统，其主要功能职位管理、职称管理、部门管理、操作员管理、员工管理、工资管理、个人中心等七大模块。职位模块有添加职位，删除职位，修改职位等功能，职称管理包括添加职称，删除职称和修改职称等功能，部门模块有查询部门，添加部门和删除部门等，操作员管理包括添加操作员，删除操作员，修改操作员信息的功能，员工管理包括添加员工，删除员工，搜索员工等功能，工资管理包括修改工资，工资套账等功能，个人中心包括修改个人信息和修改密码等功能。

--------------------

### 二、功能明细 ###

*  承载中小型公司的**薪资**维护、审核、发放功能。
 *  承载中小型公司的**请假**、请假审核功能。
 *  承载中小型公司的新闻时政**公告**功能。
 *  承载中小型公司的**留言板**功能。
 *  承载中小型公司的**职位**、**职称**、部门组织架构维护功能。
 *  承载可能需要的其他功能，如**文件**管理、**组织架构**管理、角色**权限**管理、**日志**管理等。

--------------------

### 三、使用对象 ###

*  **人事管理员**：职位的维护、职称的维护、部门组织架构的维护、管理员的维护、员工的维护、工资的维护发放审核、薪资标准的维护、员工请假审核、公告的维护、留言板的维护。
 *  **员工**：薪资查询和申请提现、查询公司公告、员工请假、留言板留言

![在这里插入图片描述][6c90e8030d994a52b299b0ea746cc4f2.png]

--------------------

### 四、技术选型 ###

#### 前端 ####

**Vue**：Vue 是构建前端界面的核心框架，本系统采用 2.6.14 版本。

**View UI**：基于 Vue.js2.0 的组件库，本系统采用 4.7.0 版本。

#### 后端 ####

**Spring Boot**：构建系统核心逻辑的后端框架，本系统采用 2.7.0 版本。

**MyBatis / MyBatis Plus**：后端连接数据库的框架，本系统采用 3.5.2 版本。

#### 数据库 ####

**MySQL**：本项目的主数据库，本系统采用 8.0.29 版本。

**Redis**：本系统采用基于 Windows 版本的 Redis，用于图形验证码和用户菜单权限的临时存储，采用了 5.0.14 版本。

#### 开发环境 ####

**VsCode**：项目前端的开发工具，使用版本为 1.68.0。

**IntelliJ IDEA** ：项目后端的开发工具，使用版本为 2021.3.2。

**Jdk**：Java 的开发环境，使用版本为 17.0.3.1。

**Maven**：后端项目的打包工具，使用版本为 3.6.2。

**NodeJs**：前端项目的开发环境，使用版本为 16.13.0。

![在这里插入图片描述][88145f83d31b410b88f9dccd458ed9f4.png]

--------------------

### 五、系统展示 ###

#### 登录页 ####

![在这里插入图片描述][9ff8ebb7f8ed4f4dbe5710c4587e4cc6.png]

#### 注册页 ####

![在这里插入图片描述][35f03f6cb0f3436bb859e159d9bd8186.png]

#### 主页 ####

![在这里插入图片描述][01f5ae7b9c6944159be317295b90e4d4.png]

### 职位管理 ###

![在这里插入图片描述][75ce1b94c99b4544a98f956b238c4b3d.png]

#### 职称管理 ####

![在这里插入图片描述][2c700175a04b462e98b422065db0a112.png]

#### 管理端通告发布 ####

![在这里插入图片描述][4526f0c40b034f4caf3dbca7263f3896.png]

![在这里插入图片描述][1b7c921fac954c788b22c32c605cc356.png]

#### 员工通告查询 ####

![在这里插入图片描述][1d958e227e214747acc0963fae6b33e7.png]

#### 员工请假 ####

![在这里插入图片描述][662fa267ed994042acff3c513720df03.png]

#### 新增请假 ####

![在这里插入图片描述][8b1ced3aad6f4e30b354029ce39a6232.png]

#### 请假审核 ####

![在这里插入图片描述][664cb72140684b7c9867dffe41b510d3.png]

#### 员工留言 ####

![在这里插入图片描述][f41b6a54421a4a798c482cb58c790847.png]

#### 留言回复 ####

![在这里插入图片描述][f01fa6c57118461490a5ad3f98bfcf97.png]  
![在这里插入图片描述][9fb073b8c6474a9a916a751ca7c5c391.png]

#### 薪资标准 ####

![在这里插入图片描述][559c54d2228d49f08dd85066008fd1c8.png]

#### 申请工资提现 ####

![在这里插入图片描述][edc6c36750ca4b7fb679b745ac5d0aa7.png]

![在这里插入图片描述][0b54e0968b1b409c87b45df405d1c5ab.png]

#### 工资提现审核 ####

![在这里插入图片描述][c724f1ee0b96422eb0ccf54140cb2f8a.png]

#### 员工管理 ####

![在这里插入图片描述][6bf0fc5d98ef46f09c6d93e73b143758.png]  
![在这里插入图片描述][8d881fecf65343e3b6392dad0bbd999b.png]

#### 组织架构 ####

![在这里插入图片描述][6cc917bb9388486196b2c68781dd3f0e.png]

#### 文件存储（本地） ####

![在这里插入图片描述][4ef9d8fce9af4e27af3c5cb7c6220613.png]

#### 日志 ####

![在这里插入图片描述][1df27e2c7be04863b663c6b886396f8d.png]

#### 数据字典 ####

![在这里插入图片描述][b499e427ae514f36a34725f1cb3466c1.png]

#### 修改密码 ####

![在这里插入图片描述][8e953da1f05e44048dea35812a87cf6a.png]

#### 个人门户 ####

![在这里插入图片描述][91be7254fede46248b9ee43b8fb41f99.png]

### 六、项目总结 ###

智能化人事系统的作用，就是为公司人事事务提供便捷性支持，方便公司对自己人事组织层次，人事数据进行修改、维护、检索信息。本软件是基于 **Vue** 和 **SpringBoot** 的智能化人事系统，包含了**员工模块**、**请假模块**、**通告模块**、**留言模块**、**薪资模块**、**职位职称**这六个功能核心模块。

开发本系统的目的，就是为了**帮助中小企业提高人事管理效率，降低人力成本，让中小企业获得更多的经济效益**。

![在这里插入图片描述][2076ff4637a3455eae3f2bf30683e3e9.png]

--------------------

### 七、核心代码实例 ###

#### 实体类定义 ####

@Data
    @Accessors(chain = true)
    @Entity
    @DynamicInsert
    @DynamicUpdate
    @Table(name = "a_job_title")
    @TableName("a_job_title")
    @ApiModel(value = "职称管理")
    public class JobTitle extends ZwzBaseEntity {
        
    
        private static final long serialVersionUID = 1L;
    
        @ApiModelProperty(value = "职称名称")
        private String title;
    
        @ApiModelProperty(value = "职称代码")
        private String code;
    
        @ApiModelProperty(value = "备注")
        private String remark;
    }

#### 控制器层 ####

@Slf4j
    @RestController
    @Api(tags = "职称管理")
    @RequestMapping("/zwz/jobTitle")
    @Transactional
    public class JobTitleController {
        
    
        @Autowired
        private IJobTitleService iJobTitleService;
    
        @RequestMapping(value = "/getAll", method = RequestMethod.GET)
        @ApiOperation(value = "查询全部职称")
        public Result<List<JobTitle>> getAll() {
        
            List<JobTitle> list = iJobTitleService.list();
            return new ResultUtil<List<JobTitle>>().setData(list);
        }
    
        @RequestMapping(value = "/getByPage", method = RequestMethod.GET)
        @ApiOperation(value = "查询职称")
        public Result<IPage<JobTitle>> getByPage(@ModelAttribute JobTitle jobTitle,@ModelAttribute PageVo page) {
        
            QueryWrapper<JobTitle> qw = new QueryWrapper<>();
            if(!MyNullUtils.isNull(jobTitle.getTitle())) {
        
                qw.like("title",jobTitle.getTitle());
            }
            if(!MyNullUtils.isNull(jobTitle.getCode())) {
        
                qw.like("code",jobTitle.getCode());
            }
            IPage<JobTitle> data = iJobTitleService.page(PageUtil.initMpPage(page),qw);
            return new ResultUtil<IPage<JobTitle>>().setData(data);
        }
    
        @RequestMapping(value = "/insertOrUpdate", method = RequestMethod.POST)
        @ApiOperation(value = "新增职称")
        public Result<JobTitle> saveOrUpdate(JobTitle jobTitle) {
        
            if (iJobTitleService.saveOrUpdate(jobTitle)) {
        
                return new ResultUtil<JobTitle>().setData(jobTitle);
            }
            return new ResultUtil<JobTitle>().setErrorMsg("操作失败");
        }
    
        @RequestMapping(value = "/delByIds", method = RequestMethod.POST)
        @ApiOperation(value = "删除职称")
        public Result<Object> delByIds(@RequestParam String[] ids) {
        
            for (String id : ids) {
        
                iJobTitleService.removeById(id);
            }
            return ResultUtil.success();
        }
    }

#### 前端表单 ####

<Form ref="form" :model="form" :label-width="100" :rules="formValidate" label-position="left">
        <FormItem label="职位名称" prop="title">
            <Input v-model="form.title" clearable style="width:570px" />
        </FormItem>
        <FormItem label="职位代码" prop="code">
            <Input v-model="form.code" clearable style="width:570px" />
        </FormItem>
        <FormItem label="备注" prop="remark">
            <Input v-model="form.remark" clearable style="width:570px" />
        </FormItem>
        <Form-item class="br">
            <Button @click="handleSubmit" :loading="submitLoading" type="primary">提交并保存</Button>
            <Button @click="handleReset">重置</Button>
            <Button type="dashed" @click="close">关闭</Button>
        </Form-item>
    </Form>

--------------------

### 八、免责声明 ###

*  本项目开源，仅供个人学习使用，遵循 GPL-3.0 开源协议，转发 / 商用授权请联系作者，否则后果自负。
 *  作者拥有本软件构建后的应用系统全部内容所有权及独立的知识产权，欢迎一切有价值的商业合作。
 *  如有问题，欢迎在评论区留言，看到后会第一时间回复。相关意见会酌情考虑，但没有一定被采纳的承诺或保证。
 *  下载本系统代码的用户，必须同意以下内容，否则请勿下载！

1.  出于自愿而使用/开发本软件，了解使用本软件的风险，且同意自己承担使用本软件的风险。
2.  利用本软件构建的网站的任何信息内容以及导致的任何版权纠纷和法律争议及后果和作者无关，作者对此不承担任何责任。
3.  在任何情况下，对于因使用或无法使用本软件而导致的任何难以合理预估的损失（包括但不仅限于商业利润损失、业务中断与业务信息丢失），作者概不承担任何责任。
4.  必须了解使用本软件的风险，作者不承诺提供一对一的技术支持、使用担保，也不承担任何因本软件而产生的难以预料的问题的相关责任。

[Designer]: https://blog.csdn.net/qq_41464123
[9ff8ebb7f8ed4f4dbe5710c4587e4cc6.png]: https://img-blog.csdnimg.cn/9ff8ebb7f8ed4f4dbe5710c4587e4cc6.png
[01f5ae7b9c6944159be317295b90e4d4.png]: https://img-blog.csdnimg.cn/01f5ae7b9c6944159be317295b90e4d4.png
[6c90e8030d994a52b299b0ea746cc4f2.png]: https://img-blog.csdnimg.cn/6c90e8030d994a52b299b0ea746cc4f2.png
[88145f83d31b410b88f9dccd458ed9f4.png]: https://img-blog.csdnimg.cn/88145f83d31b410b88f9dccd458ed9f4.png
[35f03f6cb0f3436bb859e159d9bd8186.png]: https://img-blog.csdnimg.cn/35f03f6cb0f3436bb859e159d9bd8186.png
[75ce1b94c99b4544a98f956b238c4b3d.png]: https://img-blog.csdnimg.cn/75ce1b94c99b4544a98f956b238c4b3d.png
[2c700175a04b462e98b422065db0a112.png]: https://img-blog.csdnimg.cn/2c700175a04b462e98b422065db0a112.png
[4526f0c40b034f4caf3dbca7263f3896.png]: https://img-blog.csdnimg.cn/4526f0c40b034f4caf3dbca7263f3896.png
[1b7c921fac954c788b22c32c605cc356.png]: https://img-blog.csdnimg.cn/1b7c921fac954c788b22c32c605cc356.png
[1d958e227e214747acc0963fae6b33e7.png]: https://img-blog.csdnimg.cn/1d958e227e214747acc0963fae6b33e7.png
[662fa267ed994042acff3c513720df03.png]: https://img-blog.csdnimg.cn/662fa267ed994042acff3c513720df03.png
[8b1ced3aad6f4e30b354029ce39a6232.png]: https://img-blog.csdnimg.cn/8b1ced3aad6f4e30b354029ce39a6232.png
[664cb72140684b7c9867dffe41b510d3.png]: https://img-blog.csdnimg.cn/664cb72140684b7c9867dffe41b510d3.png
[f41b6a54421a4a798c482cb58c790847.png]: https://img-blog.csdnimg.cn/f41b6a54421a4a798c482cb58c790847.png
[f01fa6c57118461490a5ad3f98bfcf97.png]: https://img-blog.csdnimg.cn/f01fa6c57118461490a5ad3f98bfcf97.png
[9fb073b8c6474a9a916a751ca7c5c391.png]: https://img-blog.csdnimg.cn/9fb073b8c6474a9a916a751ca7c5c391.png
[559c54d2228d49f08dd85066008fd1c8.png]: https://img-blog.csdnimg.cn/559c54d2228d49f08dd85066008fd1c8.png
[edc6c36750ca4b7fb679b745ac5d0aa7.png]: https://img-blog.csdnimg.cn/edc6c36750ca4b7fb679b745ac5d0aa7.png
[0b54e0968b1b409c87b45df405d1c5ab.png]: https://img-blog.csdnimg.cn/0b54e0968b1b409c87b45df405d1c5ab.png
[c724f1ee0b96422eb0ccf54140cb2f8a.png]: https://img-blog.csdnimg.cn/c724f1ee0b96422eb0ccf54140cb2f8a.png
[6bf0fc5d98ef46f09c6d93e73b143758.png]: https://img-blog.csdnimg.cn/6bf0fc5d98ef46f09c6d93e73b143758.png
[8d881fecf65343e3b6392dad0bbd999b.png]: https://img-blog.csdnimg.cn/8d881fecf65343e3b6392dad0bbd999b.png
[6cc917bb9388486196b2c68781dd3f0e.png]: https://img-blog.csdnimg.cn/6cc917bb9388486196b2c68781dd3f0e.png
[4ef9d8fce9af4e27af3c5cb7c6220613.png]: https://img-blog.csdnimg.cn/4ef9d8fce9af4e27af3c5cb7c6220613.png
[1df27e2c7be04863b663c6b886396f8d.png]: https://img-blog.csdnimg.cn/1df27e2c7be04863b663c6b886396f8d.png
[b499e427ae514f36a34725f1cb3466c1.png]: https://img-blog.csdnimg.cn/b499e427ae514f36a34725f1cb3466c1.png
[8e953da1f05e44048dea35812a87cf6a.png]: https://img-blog.csdnimg.cn/8e953da1f05e44048dea35812a87cf6a.png
[91be7254fede46248b9ee43b8fb41f99.png]: https://img-blog.csdnimg.cn/91be7254fede46248b9ee43b8fb41f99.png
[2076ff4637a3455eae3f2bf30683e3e9.png]: https://img-blog.csdnimg.cn/2076ff4637a3455eae3f2bf30683e3e9.png