Giter Club home page Giter Club logo

hrm's Introduction

项目说明

更新

  1. 解决了第一次点击导航栏,页面出现空白的问题
  2. 取消使用自定义的封装组件CommonForm、CommonTable
  3. 优化了一些对话框布局
  4. 增加修改头像功能,员工未设置头像时,显示默认头像
  5. 删除了att_leave_type、sal_deduct_type、att_work_time、att_overtime_type等数据库表,具体原因见项目文档的总结部分
  6. token过期直接退出登录
  7. 实现了当访问不存在的路由时,出现404页面的功能
  8. 解决了一些关于路由warning的问题 2023/2/3
  9. 优化了界面,增强了搜索功能 2023/2/15
  10. 解决了添加子部门时,出现异常的问题 2023/2/17
  11. 解决了不能修改密码的问题 2023/3/10
  12. 解决了不能添加参保城市的问题 2023/4/6

其他

  1. 目前只修改了代码,但项目文档并未更新,大体上是一致的
  2. 老项目请切换v1.0-221229分支
  3. 目前项目的加班模块还未完成
  4. 后续会持续改进项目

项目介绍

项目背景

人力资源管理是企业运营中必不可少的一环,它关系到企业的前途与发展。尤其对于中小微企业来说,对企业的发展有着举足轻重的作用。随着近年来,政府对创业项目的大力扶持,我国创业型企业蓬勃发展。据统计,2019年,我国创业企业数量已达1810万余家,占全国企业数的97%,截止2020年,我国创业企业数量达到了2030万,同比增长10%。虽然我国创业企业的基数在不断增大,但是能够长久存活的企业却少之又少。

在创业初期,随着企业初具规模,大多数创业者开始将主要精力集中在市场调研和开发产品上,而忽略了团队的内部管理。据调查,**企业的平均寿命是7.02年,但70%的企业存活不超过5年,究其原因有很多,其中最重要的一个原因就是,人力资源管理未能有效推动企业向前发展。(项目地址)

技术栈

  1. 前端

    Vue、Axios、ElementUI、Vue-Router、Vuex、ECharts

  2. 后端

    Spring Boot、JWT、MyBatis-Plus、MySQL、Hutool

系统设计

业务用例

业务用例图

超级管理员拥有对所有菜单的访问权限,进行一系列的管理操作。而普通员工只能进行查看和修改个人信息,以及修改密码,请假。另外超级管理员可以为普通员工分配一些角色,进而改变员工的访问权限。

功能结构

人力资源管理系统

本系统主要分四个模块,分别是系统管理和权限管理、薪资管理、考勤管理,系统管理主要用于日常事务管理管理,权限管理,用于控制员工的访问权限,薪资管理主要是对员工的五险一金以及社保数据的修改和添加,考勤管理主要是对员工的日常打卡进行记录和统计。

系统展示

首页

首页

首页主要展示当前登录员工的一些基本信息,员工当前月的考勤数据,以及当日员工迟到、早退、旷工等情况。

请假

请假

在请假面板中,员工可以进行请假。在左侧的请假记录中查看以往的请假记录,或对当前未被审核的申请进行撤销。

审批

管理员可以对员工的请假进行审批,比如通过或驳回。员工申请请假之后,等待管理员进行审批,如管理员审批通过,则将员工休假时间段的考勤状态设置为休假。

五险一金

五险一金

image-20220413220251044

社保模块主要展示了员工的社保情况,可以对员工的社保进行调整。

工资管理

工资管理

显示员工当月的工资情况,以及当月的考勤罚款情况。可以导出员工当月的工资报表。

考勤管理

考勤管理

考勤管理实现了考勤数据的批量导入与导出,以及员工考勤状态的查询和修改。

考勤数据导入模板

通过导入员工的考勤记录表,系统就会根据员工所在部门规定的上班时间进行比对,判断员工是否迟到、早退、旷工。(这是数据导入的模板,需要按照此格式填写数据。系统只会读取上下班时间的时间部分,系统以考勤日期作为打卡日期)。

另外,介绍一下考勤规制:

  • 若考勤日期对应的是周末,则不判读员工考勤状态,默认为休假。
  • 若考勤日期对应的是员工请假的日期,则员工考勤状态设为休假。
  • 若员工的四个打卡时间,只要有一个为空,则员工考勤状态设为旷工。
  • 若员工既迟到又早退,则员工考勤状态设为旷工。
  • 若员工迟到,则员工考勤状态设为迟到。
  • 若员工早退,则员工考勤状态设为早退。
  • 若不是以上任何情况,则员工考勤状态设为正常。

项目搭建

项目配置

  1. 前端

    .env文件中

    # 修改端口号,此端口号与在application.yml中配置的端口号相同
    VUE_APP_PORT = 8888
  2. 后端

    application.yml中进行相关的配置

    # 这是后端项目的运行端口,可自行修改
    server:
      port: 8888
    
    # 修改数据源,若MySql数据库版本较低,此处应该是com.mysql.jdbc.Driver
    driver-class-name: com.mysql.cj.jdbc.Driver
    
    # 因为此项目涉及到了文件上传与下载,此路径用来存储上传的文件。
    file:
      upload:
        path: E:/project/idea/hrm/file/ # 修改为自己的路径

项目启动

  1. 新建数据库,将数据库文件执行

  2. 克隆代码到本地,在vue-elementui-hrm目录下

    # 下载依赖
    npm install 
    
    # 启动
    npm run serve
  3. 启动后端项目

  4. 项目启动成功之后,访问http://localhost:8080/login

    账号:admin 密码:123

hrm's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.