使用Mongodb实现打卡签到系统的实例代码

2020-05-07 12:01:03王振洲

签到打卡代码如下:

8.sign-in.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>签到页面</title>
 <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body> 请输入你的姓名:<input type="text" id="name"/>
 <input type="button" id="sign" value="签到"/>

</body>
<script type="text/javascript"> $(function () { $("body").on("click","#sign",function(){ $.ajax({ type:"get", url:"/sign", data:{"name":$("#name").val()}, success:function(data){ console.log(data); if(data=="ok"){ alert("签到成功,返回签到页面") //刷新当前页面
 location.reload(); }else { alert("签到成功,请重新签到") } } }); }) }) </script>
</html>

list.html页面效果图

工作表效果图

远程工具查询刚导入的数据如下 数据后面有包的路径是因为导入数据的时候没有添加mongodb配置类,添加了就没有了。

添加配置类之后的效果图 

注意:导入excel文件(xsl工作表)的时候使用2003之前版本的,后缀带XLS。

有哪里不明白的地方记得下方留言哦。

项目已托管码云

地址:https://gitee.com/ckfeng/mongodb_punch.git 

总结

到此这篇关于使用Mongodb实现打卡签到系统的文章就介绍到这了,更多相关使用Mongodb实现打卡签到系统内容请搜索易采站长站以前的文章或继续浏览下面的相关文章希望大家以后多多支持易采站长站!