实现员工上下班考勤

 

下面告诉大家如何来制作一个上下班的考勤,如下图大家可以看到,所谓考勤就是考勤你在上班时间段,是否有打卡或者签到,然后记录到你当前打卡那一刻的时间,保存到考勤记录中,对个人信息进行签到。考勤如下图:

实现员工上下班考勤_第1张图片

考勤表属于待机状态,所有的信息值都是为空的,只有时间表在动,当你要打卡的时候,你把卡放到感应器上,感应器就会感应到你的个人信息,在没有卡的情况下,你可以通过输入你的员号来进行签到,在相应的地方输入你的信息,如下图:

实现员工上下班考勤_第2张图片

然后点击上班刷卡,你的个人信息就会一一显示出来,然后记录到相应的考勤表中,对你进行签到,从而完成签到,还有最重要的一点,就是获取到你刷卡那一刻的时间,如下图:

实现员工上下班考勤_第3张图片

下班和上班考勤都是一样的道理,如下是下班刷卡:

实现员工上下班考勤_第4张图片

完成此功能的经典代码:

框架结构

 

获取当前的时间

        function time() {

            $.ajax({

                type: "post",

                url: "/Main/getTime",

                dataType: "json",

                success: function (data) {//回调函数

                    document.getElementById("ssdf").innerHTML = data;

                }

            });

        }

实现刷卡的功能

  实现员工上下班考勤_第5张图片    

你可能感兴趣的:(实现员工上下班考勤)