SpringBoot+Vue+Element-UI实现人事管理系统

首先,系统一开始便是清楚的论述了系统的研究内容。其次,剖析系统需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确系统的需求。然后在明白了系统的需求基础上需要进一步地设计系统,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现系统并进行代码编写实现功能。系统的最后章节总结一

qq_834251331

2993人浏览 · 2022-08-22 14:13:51

qq_834251331 · 2022-08-22 14:13:51 发布

文末获取源码

开发语言：Java

框架：springboot

JDK版本：JDK1.8

服务器：tomcat7

数据库：mysql 5.7/8.0

数据库工具：Navicat11

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.3.9

浏览器：谷歌浏览器

前言介绍

系统功能分析

考虑到实际生活中在人事管理方面的需要以及对该系统认真的分析,将系统权限按管理员和员工这两类涉及用户划分。

(a)管理员；管理员使用本系统涉到的功能主要有：首页，个人中心，员工管理，部门管理，员工考勤管理，请假申请管理，加班申请管理，员工工资管理，招聘计划管理，员工培训管理，部门培训管理，员工详细管理等功能。管理员用例图如图

(b)员工；员工使用本系统涉到的功能主要有：首页，个人中心，员工考勤管理，请假申请管理，加班申请管理，员工工资管理，招聘计划管理，员工培训管理，部门培训管理，员工详细管理等功能。员工用例图如图

系统功能模块设计

系统整体功能如下图所示：

数据库设计

概念模型是对现实中的问题出现的事物的进行描述，ER图是由实体及其关系构成的图，通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。

员工管理实体图如图

部门管理实体图如图

员工考勤实体图如图

管理员功能模块

管理员进行登录，进入系统前在登录页面根据要求填写用户名和密码，选择角色等信息，点击登录进行登录操作，如图

管理员登录系统后，可以对首页，个人中心，员工管理，部门管理，员工考勤管理，请假申请管理，加班申请管理，员工工资管理，招聘计划管理，员工培训管理，部门培训管理，员工详细管理等进行相应的操作管理，如图

员工管理

在员工管理页面可以对索引，员工工号，员工姓名，部门，职位，性别，年龄，员工手机，照片，基本工资等内容进行详情，员工培训，发放工资，详细信息，修改和删除等操作，如图

部门管理

在部门管理页面可以对索引，部门，职位等内容进行详情，修改和删除等操作，如图

员工考勤管理

在员工考勤管理页面可以对索引，员工工号，员工姓名，职位，部门，打卡类型，打卡时间，备注等内容进行详情，修改和删除等操作，如图

请假申请管理

在请假申请管理页面可以对索引，员工工号，员工姓名，部门，职位，请假类型，请假时间，请假天数，审核回复，审核状态，审核等内容进行详情，修改和删除等操作，如图

员工工资管理

在员工工资管理页面可以对索引，发放时间，员工工号，员工姓名，职位，部门，基本工资，绩效，车补，餐补，房补，全勤奖，加班费，五险一金，扣绩效，旷工费，其它扣款，实发工资等内容进行详情，修改和删除等操作，如图

招聘计划管理

在招聘计划管理页面可以对索引，员工工号，员工姓名，职位，部门，招聘岗位，招聘要求，招聘人数，申请时间，审核回复，审核状态，审核等内容进行详情，修改和删除等操作，如图

部门培训管理

在部门培训管理页面可以对索引，部门，培训时间，培训地点，结束时间，备注等内容进行详情，修改和删除等操作，如图

员工详细管理

在员工详细管理页面可以对索引，员工工号，员工姓名，部门，职位，性别，年龄，员工手机，照片，员工地址，名族，学历，婚否，政治面貌，毕业院校，专业，身份证号等内容进行详情，修改和删除等操作，如图

员工功能模块

员工登录进入人事管理系统可以对首页，个人中心，员工考勤管理，请假申请管理，加班申请管理，员工工资管理，招聘计划管理，员工培训管理，部门培训管理，员工详细管理等进行相应操作，如图

个人中心

在个人信息页面通过填写员工工号，员工姓名，部门，职位，性别，年龄，员工手机，照片，基本工资等内容对个人信息进行修改操作，如图

请假申请管理

在请假申请管理页面可以对索引，员工工号，员工姓名，部门，职位，请假类型，请假时间，请假天数，审核回复，审核状态等内容进行详情和删除等操作，如图

加班申请管理

在加班申请管理页面可以对索引，员工工号，员工姓名，部门，职位，加班时间，加班时长，审核回复，审核状态等内容进行详情和删除等操作，如图

员工培训管理

在员工培训管理页面可以对索引，员工工号，员工姓名，职位，性别，年龄，部门，培训时间，培训地点，结束时间，备注等内容进行详情等操作，如图

系统测试

系统测试不仅仅是发现系统潜在的BUG或错误，而更为重要的是为员工提供一个良好的体验和安全服务。而通过发现错误或潜在的问题，将有助于提升竞争力，这也是软件测试的其中的重要目的之一。

软件测试的方法有好几种，但目前主要采用的是包括以功能为主要测试方向的黑盒测试以及以逻辑为主要测试方向的白盒测试，这是两种不同的测试方法，针对的测试侧重点不同，本课题根据实际需求情况，选择以功能为主要的黑盒测试方法，同时测试是要遵循一定的规则来执行的，一个测试要执行其执行的依据一般是由测试用例来规定的，而测试用例一般是依据需求或说明书来综合制定的，测试在硬件出厂前是十分重要的一个过程，本课题由于时间和精力的关系，选择以实现的功能作为测试要点来进行测试。具体测试过程如下：

测试用例1及测试过程：

测试用例2及测试过程：

管理员登录：录入登录信息，管理员账号，密码和选择权限，点击登录按钮，会出现两种情况：登录成功进入管理员具有权限的功能界面和提示登录失败。

部分核心代码

/**
 * 部门
 * 后端接口
 * @author 
 * @email 
 * @date 2022-03-22 17:13:54
 */
@RestController
@RequestMapping("/bumen")
public class BumenController {
    @Autowired
    private BumenService bumenService;


    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,BumenEntity bumen,
		HttpServletRequest request){
        EntityWrapper<BumenEntity> ew = new EntityWrapper<BumenEntity>();
		PageUtils page = bumenService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, bumen), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,BumenEntity bumen, 
		HttpServletRequest request){
        EntityWrapper<BumenEntity> ew = new EntityWrapper<BumenEntity>();
		PageUtils page = bumenService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, bumen), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( BumenEntity bumen){
       	EntityWrapper<BumenEntity> ew = new EntityWrapper<BumenEntity>();
      	ew.allEq(MPUtil.allEQMapPre( bumen, "bumen")); 
        return R.ok().put("data", bumenService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(BumenEntity bumen){
        EntityWrapper< BumenEntity> ew = new EntityWrapper< BumenEntity>();
 		ew.allEq(MPUtil.allEQMapPre( bumen, "bumen")); 
		BumenView bumenView =  bumenService.selectView(ew);
		return R.ok("查询部门成功").put("data", bumenView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        BumenEntity bumen = bumenService.selectById(id);
        return R.ok().put("data", bumen);
    }

    /**
     * 前端详情
     */
	@IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        BumenEntity bumen = bumenService.selectById(id);
        return R.ok().put("data", bumen);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody BumenEntity bumen, HttpServletRequest request){
    	bumen.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(bumen);
        bumenService.insert(bumen);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody BumenEntity bumen, HttpServletRequest request){
    	bumen.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(bumen);
        bumenService.insert(bumen);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody BumenEntity bumen, HttpServletRequest request){
        //ValidatorUtils.validateEntity(bumen);
        bumenService.updateById(bumen);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        bumenService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper<BumenEntity> wrapper = new EntityWrapper<BumenEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}


		int count = bumenService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	







}

# Tomcat
server:
    tomcat:
        uri-encoding: UTF-8
    port: 8080
    servlet:
        context-path: /springboot30n9o

spring:
    datasource:
        driverClassName: com.mysql.jdbc.Driver
        url: jdbc:mysql://127.0.0.1:3308/springboot30n9o?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8
        username: root
        password: 123456

#        driverClassName: com.microsoft.sqlserver.jdbc.SQLServerDriver
#        url: jdbc:sqlserver://127.0.0.1:1433;DatabaseName=springboot30n9o
#        username: sa
#        password: 123456

    servlet:
      multipart:
        max-file-size: 300MB
        max-request-size: 300MB
    resources:
      static-locations: classpath:static/,file:static/

#mybatis
mybatis-plus:
  mapper-locations: classpath*:mapper/*.xml
  #实体扫描，多个package用逗号或者分号分隔
  typeAliasesPackage: com.entity
  global-config:
    #主键类型  0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID";
    id-type: 1
    #字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断"
    field-strategy: 1
    #驼峰下划线转换
    db-column-underline: true
    #刷新mapper 调试神器
    refresh-mapper: true
    #逻辑删除配置
    logic-delete-value: -1
    logic-not-delete-value: 0
    #自定义SQL注入器
    sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjector
  configuration:
    map-underscore-to-camel-case: true
    cache-enabled: false
    call-setters-on-nulls: true
    #springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)
    jdbc-type-for-null: 'null'

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

Vue

echarts堆叠柱状图

Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

Vue

所有评论(0)

查看更多评论

qq_834251331

@m0_49113107

已为社区贡献50条内容