# 微人事项目

**Repository Path**: BruceLeeAdmin_admin/vhr-project

## Basic Information

- **Project Name**: 微人事项目
- **Description**: 微人事是一个基于SpringBoot + Vue 开发的前后端分离的人事管理系统，能够根据不同登录用户展示不同的菜单，并配有详细的开发文档。它涵盖了员工信息管理、部门管理、职位管理、职称管理、权限组，操作员管理。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-06-20
- **Last Updated**: 2024-09-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 介绍
微人事是一个基于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)