微人事项目: 微人事是一个基于SpringBoot + Vue 开发的前后端分离的人事管理系统，能够根据不同登录用户展示不同的菜单，并配有详细的开发文档。它涵盖了员工信息管理、部门管理、职位管理、职称管理、权限组，操作员管理。

# 介绍
微人事是一个基于SpringBoot + Vue 开发的前后端分离的人事管理系统，能够根据不同登录用户展示不同的菜单，并配有详细的开发文档。它涵盖了员工信息管理、部门管理、职位管理、职称管理、权限组，操作员管理。对于系统学习项目开发有一定的帮助，喜欢的话可以给个小星星收藏哟！

# 技术栈

后端技术栈：
- Spring Boot
- Spring Security
- MyBatis
- MySQL
...

前端技术栈：
- Vue
- ElementUI
- axios
- vue-router
- Vuex
...

# 安装使用

vhr：后端工程

1. 克隆项目到 IDEA 或其它编译器打开
 2. 创建数据库 `vhr`，导入 sql 脚本（脚本在vhr项目里）
 3. 修改后端 `application.properties` 文件里的数据库连接配置
 4. 启动项目，端口 `8445`

vuehr：前端工程

1. 克隆项目，使用 VS Code 等编译器打开
 2. 安装依赖：`npm install`
 3. 启动项目：`npm run serve`

# 配套教程

1. [springboot+vue 手把手搭建微人事项目（一）：完成前后端环境搭建、登录页面、登录接口](https://blog.csdn.net/m0_45234510/article/details/107355226)
2. [springboot+vue 手把手搭建微人事项目（二）：完成登录的前后端对接、Home的title、左侧菜单制作](https://blog.csdn.net/m0_45234510/article/details/107371262)
3. [springboot+vue 手把手搭建微人事项目（三）：完成后端菜单接口、安装并使用Vuex、封装菜单请求]()
4. [springboot+vue 手把手搭建微人事项目（四）：完成加载数据库的导航菜单、面包屑、前后端分离权限思路分析]()
5. [springboot+vue 手把手搭建微人事项目（五）：完成后端权限接口、处理用户角色、完善路由访问]()
6. [springboot+vue 手把手搭建微人事项目（六）：完成前端的职位管理组件]()
7. [springboot+vue 手把手搭建微人事项目（七）：完成职位管理前后端增删改功能]()
8. [springboot+vue 手把手搭建微人事项目（八）：完成职称管理前端页面、后端接口和前后端对接]()
9. [springboot+vue 手把手搭建微人事项目（九）：完成权限组管理前端、后端接口设计、完善401时自动跳转到登录页]()
10. [springboot+vue 手把手搭建微人事项目（十）：完成部门管理前后端对接]()
11.

持续更新中...

# 效果图

## 登录：

![输入图片说明](img/ab1b7de3c44b40838a190799dda17721.png)

## 员工管理

![在这里插入图片描述](img/1f8487c2a2ca44ba8a8c835053c17393.png)

高级搜索

![在这里插入图片描述](img/f26e3b30249044ed98d91dc37d9bed4e.png)

Excel 导入导出

![在这里插入图片描述](img/32e6e5c4fdbb41bcae30495d4663d2ad.png)

![在这里插入图片描述](img/d30d4dd5ccb2498cb662177d34e5e0d2.png)

## 部门管理

![在这里插入图片描述](img/2ecdbcf5910e44a5bc726c9fda3b6e85.png)

## 职位管理

![在这里插入图片描述](img/2d9842c155714800bd6adf93c705b5ef.png)

## 职称管理

![在这里插入图片描述](img/4a2d33a38162482ba9156fa84450fc3d.png)

## 权限组（分配菜单权限）

![在这里插入图片描述](img/d4a74b147d86469bb6e7619ee303d178.png)

## 操作员管理

![在这里插入图片描述](img/7261d1d92e3541e9b0bd6e826432fe58.png)

分配用户角色，启用/停用用户

![在这里插入图片描述](img/dd7d1961fd554e909f3dee79f40c3226.png)

x-dragon/微人事项目

简介

发行版

贡献者

近期动态

x-dragon/微人事项目 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

x-dragon/微人事项目