简单记录一下毕设的成果。
前端没有用一些框架,基本上就是HTML、Scss、JS,也有部分jQuery。
进入系统时,首先需要登录,如图:
登录之后,可以签到签退,流程申请,发送邮件,管理个人通讯录之类的功能。判断用户属于管理员时,显示管理系统的入口,进入后台进行数据管理。
基本功能:
发起流程:
流程查询
考勤明细:
问题反馈:
查看新闻:
新建新闻:
通讯录:
内部邮件:
如果不是内部员工,可以直接发送邮件。
签到签退:
根据系统时间,判断是否能够签到签退,答辩的时候老师提出打卡地点的问题,没有修改,大概意思就是通过IP地址什么的,没有能实现,后来百度了可以获取浏览器的位置信息,代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Test</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<button id="check" onclick="check();">检测浏览器是否支持获取地理位置信息</button>
<script>
function check() {
if (navigator.geolocation) {
alert("您的浏览器浏览器支持获取地理位置信息。");
} else {
alert("您的浏览器浏览器不支持获取地理位置信息。");
}
}
</script>
</body>
</html>
————————————————
版权声明:本文为优快云博主「即将入土的羸弱老年人」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.youkuaiyun.com/qq_36823300/article/details/101629800
这段代码是复制过来的,原文可见版权声明。
大概也就这么些功能,比较一般的一个OA系统,有问题也是可以交流一下的。