基于Vue和Springboot的考勤网站

1.项目介绍

该网站的为前后端分离项目,前端使用vue3+element-plus完成网站页面的搭建,后端使用Springboot框架进行开发,并且利用redis缓存用户的登录和个人信息。该网站主要实现的功能包括用户登录,员工查看考勤记录,工作打卡,查看假期,申请假期,管理员查看和修改考勤记录,审批请假申请,查询和编辑员工个人信息。

2.项目截图展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.部分代码展示

3.1 登录功能函数

在这里插入图片描述

3.2出勤打卡函数

在这里插入图片描述

3.3 删除出勤打卡函数

在这里插入图片描述

4.项目思路分析

本项目使用redis作为缓存来记录用户的登录状态和用户信息,例如输入用户名密码之后,后台将会在redis中缓存用户的唯一id和用户的类别,如果用户是员工则跳转至普通员工界面,如果用户是主管则跳转到主管界面。在接下来的用户界面和主管界面中,会有各种数据信息,会在vue页面中的created函数中,先去后台请求数据,然后将数据展现出来。

5.后续改进思路

这个项目到这里还没有结束,后续会对技术栈进行继续的升级,例如利用jwt+token来进行权限验证,后端也将使用gateway进行路由管理,不是公司内网的ip地址不能登录此考勤网站。在网站细节上也会更细腻,比如员工打卡的时间不能晚于当前时间,员工申请请假的开始时间不能早于当前时间,或者说规定请n天的假,需要提前n天开始请。

6.项目源码获取方式

qq群号:626957987
所有源码都在群文件里面了,命名为考勤管理网站.zip

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值