# hrm **Repository Path**: JavaObjects/hrm ## Basic Information - **Project Name**: hrm - **Description**: SpringBoot 2.6.3 + MyBatis-Plus 3.5.1 + Vue 2.6.11 + ElementUI 2.15.7 的人力资源管理系统 - **Primary Language**: Java - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 5 - **Forks**: 3 - **Created**: 2023-04-14 - **Last Updated**: 2025-07-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

Java 8 Spring Boot 2 Vue 3
Github stars Github forks Gitee stars Gitee forks

# 人力资源管理系统 #### 开发环境 Windows #### 配置环境 | 程序 | 版本 | 说明 | |--------------|-----------|--------------------------| | Jdk | 1.8.0 161 | Java 开发工具包 | | Mysql | 5.5.27 | 关系型数据库 | | Apache-maven | 3.9.0 | Java 项目管理和构建工具 | | Nvm | 1.10 | Node.js 版本管理器 | | Node | 16.20.0 | Node.js JavaScript 运行时环境 | #### 开发工具 | 工具 | 版本 | 说明 | |--------------------------|---------------|-------------------------| | IDEA | 2022.3.2 | 后前端开发IDE | | Git | 2.24.1 | 代码托管平台 | | Google Chrome | 75.0.3770.100 | 浏览器、前端调试工具 | | Navicat | 11.1.13 | 数据库连接工具 | | Postman | 7.1.0 | 接口测试工具 | | VMware Workstation Pro | 14.1.3 | 虚拟机(未用到或许你会用到) | | PowerDesigner | 15 | 数据库设计工具(未用到或许你会用到) | | SQLyog | 12.0.3 | 数据库连接工具 (未用到或许你会用到) | | Visio | 2013 | 时序图、流程图等绘制工具(未用到或许你会用到) | | ProcessOn | —— | 架构图等绘制工具(未用到或许你会用到) | | XMind ZEN | 9.2.0 | 思维导图绘制工具(未用到或许你会用到) | | RedisDesktop | 0.9.3.817 | redis客户端连接工具(未用到或许你会用到) | #### 编码规范 - 规范方式：严格遵守阿里编码规约。 - 命名统一：简介最大程度上达到了见名知意。 - 分包明确：层级分明可快速定位到代码位置。 - 注释完整：描述性高大量减少了开发人员的代码阅读工作量。 - 工具规范：使用统一jar包避免出现内容冲突。 - 代码整洁：可读性、维护性高。 #### 包结构 ``` +- file -- 部分图片 +- hrm-sb -- 后端项目 +- src | +- main | | +- java | | | +- com | | | | +- hrm | | | | | +- annotation -- 存放自定义注解的目录 | | | | | +- config -- 存放Spring Boot配置类的目录 | | | | | +- controller -- 控制器类 负责接收和处理HTTP请求 | | | | | +- dto -- 存放数据传输对象的目录 | | | | | +- entity -- 存放实体类的目录 | | | | | +- enums -- 存放枚举类型的目录 | | | | | +- exception -- 存放自定义异常的目录 | | | | | +- interceptor -- 存放拦截器类的目录 | | | | | +- mapper -- MyBatis框架的数据访问层 | | | | | +- service -- 存放服务接口和实现类的目录 | | | | | +- util -- 工具类 | | | | | +- vo -- 存放值对象的目录 | | | | | +- HrmApplication.java -- 应用程序入口类 | | +- resources | | +- templates | | +- application.yml -- 应用程序的配置信息 | +- test -- 测试代码 | | +- java | | +- com | | +- hrm | | +- HrmApplicationTests.java -- 应用程序单元测试类 +- target -- Maven建项目时自动生成的目录 +- .gitignore -- 指定需要 Git 忽略的文件或目录 +- mvnw -- Maven Wrapper的脚本，作用是为了在开发团队中使用一致的Maven版本，以及简化在新环境中安装Maven的步骤，用于Linux或macOS系统 +- mvnw.cmd -- Maven Wrapper的脚本，作用是为了在开发团队中使用一致的Maven版本，以及简化在新环境中安装Maven的步骤，用于Windows系统 +- pom.xml -- 用于声明和管理项目依赖的XML文件 +- hrm-vue-elementui -- 前端项目 +- public +- favicon.ico -- 网站的图标文件 +- index.html -- 应用程序的主页面 +- src +- api -- 存放与后端 API 交互的模块 +- assets -- 静态资源文件 如图片、字体等 +- components -- Vue 组件 +- router -- 路由配置 +- store -- 存放 Vuex 状态管理器的相关代码 +- utils -- 存放一些公共的工具函数或类 +- views -- 存放页面级组件 +- App.vue -- 根组件 协调整个应用程序的视图和管理应用程序的状态 +- main.js -- 项目的入口文件 +- .browserslistrc -- 定义项目支持的浏览器范围 +- .editorconfig -- 编辑器的配置文件，用于约定不同编辑器之间的代码风格和格式 +- .env -- 环境变量配置文件 +- .eslintrc.js -- ESLint 的配置文件 +- .gitignore -- 指定需要 Git 忽略的文件或目录 +- babel.config.js -- Babel 编译器的配置文件 +- packge.json -- 项目元数据的文件 用于描述 Node.js 应用程序或模块的属性 +- packge-lock.json -- 锁定当前安装的包的版本号和依赖关系 +- READE.md -- 项目的相关信息文档 +- vue.config.js -- Vue CLI 的配置文件，用于配置一些构建和开发环境的相关选项 +- vue-elementui-hrm.iml -- IntelliJ IDEA 的项目配置文件 +- yarn.lock -- Yarn 安装包的版本锁定文件 +- 数据库脚本 +- LICENSE -- 开源协议 +- 考勤数据导入模板.xlsx +- README.md -- 项目的相关信息文档 ``` #### 后端技术栈 | 技术 | 版本 | 说明 | |---------------------------|--------|----------------------------------------| | Spring Boot | 2.6.3 | 项目框架 | | Spring Boot Starter Web | - | Web 开发支持 | | Spring Boot Starter Test | - | 测试支持 | | Lombok | - | 简化 Java 代码 | | MySQL Connector-java | 8.0.17 | MySQL 驱动程序 | | MyBatis-Plus | 3.5.1 | ORM 框架 | | MyBatis-Plus Boot Starter | 3.5.1 | MyBatis-Plus 启动器 | | MyBatis-Plus Generator | 3.5.1 | MyBatis-Plus 代码生成器 | | Velocity Engine Core | 2.3 | 模板引擎 | | SpringFox Swagger2 | 2.9.2 | Swagger2 接口文档生成 | | SpringFox Swagger UI | 2.9.2 | Swagger UI 页面 | | Spring Boot DevTools | - | 热部署支持 | | java-jwt | 3.19.0 | 跨域认证 JWT | | Hutool | 5.7.20 | Java 工具类库 | | Apache POI | 5.2.2 | 读写 Microsoft Office 格式文件 | | Apache POI OOXML Schemas | 4.1.2 | Microsoft Office 格式文件元素的 XML Schema 定义 | #### 前端技术栈 | 技术 | 版本 | 说明 | |-----------------------------|---------|---------------------------------| | axios | ^0.25.0 | 基于 Promise 的 HTTP 请求客户端库 | | cache-loader | ^4.1.0 | Webpack 缓存加载器 | | core-js | ^3.6.5 | JavaScript 标准库的模拟、Polyfill | | echarts | ^5.3.0 | 基于 JavaScript 的开源可视化图表库 | | element-ui | ^2.15.7 | 基于 Vue.js 2.0 的桌面端组件库 | | less | ^4.1.2 | 动态样式语言，用于编写样式 | | less-loader | ^6.0.0 | Webpack 的 Less 加载器 | | mockjs | ^1.1.0 | 生成随机数据，拦截 Ajax 请求的库 | | qs | ^6.10.3 | 处理 URL 查询字符串的 JavaScript 库 | | vue | ^2.6.11 | 渐进式 JavaScript 框架 | | vue-router | ^3.2.0 | Vue.js 官方的路由管理器 | | vuex | ^3.6.2 | 状态管理模式和库，为 Vue.js 应用程序提供集中式存储管理 | | @vue/cli-plugin-babel | ~4.5.0 | Vue CLI 的 babel 插件 | | @vue/cli-plugin-eslint | ~4.5.0 | Vue CLI 的 ESLint 插件 | | @vue/cli-plugin-router | ~4.5.0 | Vue CLI 的路由插件 | | @vue/cli-service | ~4.5.0 | Vue CLI 的命令行工具 | | @vue/eslint-config-standard | ^5.1.2 | Vue.js 官方的 ESLint 配置 | | babel-eslint | ^10.1.0 | 使用 ESLint 检查 Babel 代码的插件 | | babel-plugin-component | ^1.1.1 | 按需加载 Element 组件的 Babel 插件 | | eslint | ^6.7.2 | JavaScript 代码检查工具 | | eslint-plugin-import | ^2.20.2 | ESLint 的 import 检查插件 | | eslint-plugin-node | ^11.1.0 | ESLint 的 Node.js 检查插件 | | eslint-plugin-promise | ^4.2.1 | ESLint 的 Promise 检查插件 | | eslint-plugin-standard | ^4.0.0 | ESLint 的 JavaScript 标准风格检查插件 | | eslint-plugin-vue | ^6.2.2 | ESLint 的 Vue.js 检查插件 | | sass | ^1.49.9 | CSS 预处理器 | | vue-template-compiler | ^2.6.11 | 编译 Vue.js 模板的工具 | #### 项目启动 - 1.数据库：mysql5.6在navicat中运行数据库脚本生成对应的数据库表 - 2.后台启动：导入项目，在src/main/resources/application.yml文件里更改数据库名称或数据库密码,进入控制台，到项目所在路径，执行命令：mvn clean spring-boot:run - 3.前台启动：导入项目，进入控制台，到项目所在路径，执行命令：npm install 后 npm run serve，访问对应的地址进入到登录界面 测试登录 admin/123456 ![](file/sb-1.png) ![](file/sb-2.png) ![](file/vue-1.png) ![](file/vue-2.png) ![](file/vue-3.png) #### 效果展示 ![](file/登录.png) ![](file/首页.png) ![](file/五险一金.png) ![](file/员工管理.png)