博主介绍:专注于Java(springboot ssm 等开发框架) vue .net php phython node.js uniapp 微信小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了2000+毕设题目 方便大家学习使用
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人
文末下方有源码获取地址
4.2系统结构
本系统是基于B/S架构的网站系统,设计的管理员功能结构图如下图所示:
图4-2管理员功能结构图
本系统是基于B/S架构的网站系统,设计的员工功能结构图如下图所示:
图4-3 员工功能结构图
4.3.数据库设计
4.3.1数据库实体
概念设计的目标是设计出反映某个组织部门信息需求的数据库系统概念模式,数据库系统的概念模式独立于数据库系统的逻辑结构、独立于数据库管理系统(DBMS)、独立于计算机系统。
概念模式的设计方法是在需求分析的基础上,用概念数据模型(例如E-R模型)表示数据及数据之间的相互联系,设计出反映用户信息需求和处理需求的数据库系统概念模式。概念设计的目标是准确描述应用领域的信息模式,支持用户的各种应用,这样既容易转换为数据库系统逻辑模式,又容易为用户理解。数据库系统概念模式是面向现实世界的数据模型,不能直接用于数据库系统的实现。在此阶段,用户可以参与和评价数据库系统的设计,从而有利于保证数据库系统的设计与用户的需求相吻合。在概念模式的设计中,E-R模型法是最常见的设计方法。本系统的E-R图如下图所示:
4.3.2数据库设计表
基于vue的人事系统需要后台数据库,下面介绍数据库中的各个表的详细信息:
表4.1 部门信息
字段 | 类型 | 空 | 默认 | 注释 |
id (主键) | bigint(20) | 否 | 主键 | |
addtime | timestamp | 否 | CURRENT_TIMESTAMP | 创建时间 |
bumen | varchar(200) | 否 | 部门 | |
xiangqing | longtext | 是 | NULL | 详情 |
表4.2 加班记录
字段 | 类型 | 空 | 默认 | 注释 |
id (主键) | bigint(20) | 否 | 主键 | |
addtime | timestamp | 否 | CURRENT_TIMESTAMP | 创建时间 |
yuangongzhanghao | varchar(200) | 否 | 员工账号 | |
mima | varchar(200) | 是 | NULL | 密码 |
xingming | varchar(200) | 是 | NULL | 姓名 |
bumen | varchar(200) | 是 | NULL | 部门 |
jiaban | varchar(200) | 是 | NULL | 加班 |
shijian | datetime | 是 | NULL | 时间 |
beizhu | varchar(200) | 是 | NULL | 备注 |
表4.3 考勤信息
字段 | 类型 | 空 | 默认 | 注释 |
id (主键) | bigint(20) | 否 | 主键 | |
addtime | timestamp | 否 | CURRENT_TIMESTAMP | 创建时间 |
kaoqin | varchar(200) | 是 | NULL | 考勤 |
shijian | datetime | 是 | NULL | 时间 |
beizhu | varchar(200) | 是 | NULL | 备注 |
表4.4 上班记录
字段 | 类型 | 空 | 默认 | 注释 |
id (主键) | bigint(20) | 否 | 主键 | |
addtime | timestamp | 否 | CURRENT_TIMESTAMP | 创建时间 |
yuangongzhanghao | varchar(200) | 是 | NULL | 员工账号 |
mima | varchar(200) | 是 | NULL | 密码 |
xingming | varchar(200) | 是 | NULL | 姓名 |
bumen | varchar(200) | 是 | NULL | 部门 |
shangban | varchar(200) | 是 | NULL | 上班 |
shijian | datetime | 是 | NULL | 时间 |
beizhu | varchar(200) | 是 | NULL | 备注 |
表4.5 用户表
字段 | 类型 | 空 | 默认 | 注释 |
id (主键) | bigint(20) | 否 | 主键 | |
username | varchar(100) | 否 | 用户名 | |
password | varchar(100) | 否 | 密码 | |
role | varchar(100) | 是 | 管理员 | 角色 |
addtime | timestamp | 否 | CURRENT_TIMESTAMP | 新增时间 |
表4.6 下班记录
字段 | 类型 | 空 | 默认 | 注释 |
id (主键) | bigint(20) | 否 | 主键 | |
addtime | timestamp | 否 | CURRENT_TIMESTAMP | 创建时间 |
yuangongzhanghao | varchar(200) | 否 | 员工账号 | |
mima | varchar(200) | 是 | NULL | 密码 |
xingming | varchar(200) | 是 | NULL | 姓名 |
bumen | varchar(200) | 是 | NULL | 部门 |
xiaban | varchar(200) | 是 | NULL | 下班 |
shijian | datetime | 是 | NULL | 时间 |
beizhu | varchar(200) | 是 | NULL | 备注 |
表4.7 员工薪酬
字段 | 类型 | 空 | 默认 | 注释 |
id (主键) | bigint(20) | 否 | 主键 | |
addtime | timestamp | 否 | CURRENT_TIMESTAMP | 创建时间 |
yuangongzhanghao | varchar(200) | 否 | 员工账号 | |
xingming | varchar(200) | 否 | 姓名 | |
bumen | varchar(200) | 否 | 部门 | |
jibengongzi | int(11) | 是 | NULL | 基本工资 |
quanqinjiang | int(11) | 是 | NULL | 全勤奖 |
ticheng | float | 是 | NULL | 提成 |
jiabangongzi | float | 是 | NULL | 加班工资 |
qingjia | float | 是 | NULL | 请假 |
chidao | float | 是 | NULL | 迟到 |
xinchou | float | 是 | NULL | 薪酬 |
xinchounianyue | varchar(200) | 是 | NULL | 薪酬年月 |
beizhu | varchar(200) | 是 | NULL | 备注 |
ispay | varchar(200) | 是 | 未支付 | 是否支付 |
表4.8 员工信息
字段 | 类型 | 空 | 默认 | 注释 |
id (主键) | bigint(20) | 否 | 主键 | |
addtime | timestamp | 否 | CURRENT_TIMESTAMP | 创建时间 |
yuangongzhanghao | varchar(200) | 否 | 员工账号 | |
mima | varchar(200) | 否 | 密码 | |
xingming | varchar(200) | 否 | 姓名 | |
bumen | varchar(200) | 是 | NULL | 部门 |
xingbie | varchar(200) | 是 | NULL | 性别 |
shouji | varchar(200) | 否 | 手机 | |
jiatingzhuzhi | varchar(200) | 是 | NULL | 家庭住址 |
zhaopian | varchar(200) | 是 | NULL | 照片 |
sfsh | varchar(200) | 是 | 否 | 是否审核 |
shhf | longtext | 是 | NULL | 审核回复 |
5系统详细实现
5.1 管理员模块的实现
5.1.1 员工信息管理
基于vue的人事系统的系统管理员可以管理员工信息,可以对员工信息添加修改删除操作。具体界面的展示如图5.1所示。
图5.1 员工信息管理界面
5.1.2 考勤信息管理
系统管理员可以考勤信息进行添加,修改,删除操作。具体界面如图5.2所示。
图5.2 考勤信息管理界面
package com.controller;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;
import com.entity.KaoqinxinxiEntity;
import com.entity.view.KaoqinxinxiView;
import com.service.KaoqinxinxiService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;
/**
* 考勤信息
* 后端接口
* @author
* @email
* @date 2021-04-19 17:11:35
*/
@RestController
@RequestMapping("/kaoqinxinxi")
public class KaoqinxinxiController {
@Autowired
private KaoqinxinxiService kaoqinxinxiService;
/**
* 后端列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,KaoqinxinxiEntity kaoqinxinxi,
@RequestParam(required = false) @DateTimeFormat(iso = DateTimeFormat.ISO.DATE_TIME) Date shijianstart,
@RequestParam(required = false) @DateTimeFormat(iso = DateTimeFormat.ISO.DATE_TIME) Date shijianend,
HttpServletRequest request){
EntityWrapper<KaoqinxinxiEntity> ew = new EntityWrapper<KaoqinxinxiEntity>();
if(shijianstart!=null) ew.ge("shijian", shijianstart);
if(shijianend!=null) ew.le("shijian", shijianend);
PageUtils page = kaoqinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, kaoqinxinxi), params), params));
return R.ok().put("data", page);
}
/**
* 前端列表
*/
@RequestMapping("/list")
public R list(@RequestParam Map<String, Object> params,KaoqinxinxiEntity kaoqinxinxi, HttpServletRequest request){
EntityWrapper<KaoqinxinxiEntity> ew = new EntityWrapper<KaoqinxinxiEntity>();
PageUtils page = kaoqinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, kaoqinxinxi), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/lists")
public R list( KaoqinxinxiEntity kaoqinxinxi){
EntityWrapper<KaoqinxinxiEntity> ew = new EntityWrapper<KaoqinxinxiEntity>();
ew.allEq(MPUtil.allEQMapPre( kaoqinxinxi, "kaoqinxinxi"));
return R.ok().put("data", kaoqinxinxiService.selectListView(ew));
}
/**
* 查询
*/
@RequestMapping("/query")
public R query(KaoqinxinxiEntity kaoqinxinxi){
EntityWrapper< KaoqinxinxiEntity> ew = new EntityWrapper< KaoqinxinxiEntity>();
ew.allEq(MPUtil.allEQMapPre( kaoqinxinxi, "kaoqinxinxi"));
KaoqinxinxiView kaoqinxinxiView = kaoqinxinxiService.selectView(ew);
return R.ok("查询考勤信息成功").put("data", kaoqinxinxiView);
}
/**
* 后端详情
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") Long id){
KaoqinxinxiEntity kaoqinxinxi = kaoqinxinxiService.selectById(id);
return R.ok().put("data", kaoqinxinxi);
}
/**
* 前端详情
*/
@RequestMapping("/detail/{id}")
public R detail(@PathVariable("id") Long id){
KaoqinxinxiEntity kaoqinxinxi = kaoqinxinxiService.selectById(id);
return R.ok().put("data", kaoqinxinxi);
}
/**
* 后端保存
*/
@RequestMapping("/save")
public R save(@RequestBody KaoqinxinxiEntity kaoqinxinxi, HttpServletRequest request){
kaoqinxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(kaoqinxinxi);
kaoqinxinxiService.insert(kaoqinxinxi);
return R.ok();
}
/**
* 前端保存
*/
@RequestMapping("/add")
public R add(@RequestBody KaoqinxinxiEntity kaoqinxinxi, HttpServletRequest request){
kaoqinxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(kaoqinxinxi);
kaoqinxinxiService.insert(kaoqinxinxi);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody KaoqinxinxiEntity kaoqinxinxi, HttpServletRequest request){
//ValidatorUtils.validateEntity(kaoqinxinxi);
kaoqinxinxiService.updateById(kaoqinxinxi);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
kaoqinxinxiService.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<KaoqinxinxiEntity> wrapper = new EntityWrapper<KaoqinxinxiEntity>();
if(map.get("remindstart")!=null) {
wrapper.ge(columnName, map.get("remindstart"));
}
if(map.get("remindend")!=null) {
wrapper.le(columnName, map.get("remindend"));
}
int count = kaoqinxinxiService.selectCount(wrapper);
return R.ok().put("count", count);
}
}
5.2 员工模块的实现
5.2.1 考勤信息管理
员工可以对考勤信息进行添加,修改删除操作。界面如下图所示:
图5.3 考勤信息管理界面
5.2.2 下班记录管理
员工登录后,可以对查看自己的下班记录。界面如下图所示:
图5.4 下班记录界面
大家点赞、收藏、关注、评论啦 其他的定制服务 商务合作 下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者