README.MD · fossi/work_attendance

# 一、打卡小系统

1、基础框架是SSM 
2、页面仍然是jsp，框架使用bootstarp，数据表格显示用的是jquery datatable配合后台实现分页 
3、idea开发 maven管理包 mysql数据库 
4、quartz定时调度 
5、activemq消息队列结合java mail发送激活邮件 
6、cropper实现头像的剪切 
7、shiro实现权限的控制 
8、oss存储图片

# 二、后台管理效果展示： 
注：这里的图片是存在七牛云。。。

* gif效果 
![](http://oyii3l15f.bkt.clouddn.com/jdfw.gif) 
* 登陆页面 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E7%99%BB%E9%99%86%E9%A1%B5%E9%9D%A2.png) 
* 注册页面 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E6%B3%A8%E5%86%8C%E9%A1%B5%E9%9D%A2.png) 
* 打卡记录页面 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E7%99%BB%E9%99%86%E8%80%85%E6%89%93%E5%8D%A1%E5%8E%86%E5%8F%B2%E7%BA%AA%E5%BD%95%E9%A1%B5%E9%9D%A2.png) 
* 修改个人信息页面 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E6%9B%B4%E6%94%B9%E4%B8%AA%E4%BA%BA%E5%9F%BA%E6%9C%AC%E4%BF%A1%E6%81%AF%E9%A1%B5%E9%9D%A2.png) 
* 修改头像页面 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E6%9B%B4%E6%94%B9%E5%A4%B4%E5%83%8F%E9%A1%B5%E9%9D%A2.png) 
* 用户列表页面
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E7%94%A8%E6%88%B7%E5%88%97%E8%A1%A8%E9%A1%B5%E9%9D%A2.png) 
* 用户信息模态框展示 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E7%94%A8%E6%88%B7%E4%BF%A1%E6%81%AF%E6%A8%A1%E6%80%81%E6%A1%86%E5%B1%95%E7%A4%BA.png) 
* 更改密码页面 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E6%9B%B4%E6%94%B9%E5%AF%86%E7%A0%81%E9%A1%B5%E9%9D%A2.png)

# 三、微信端 
很不好意思，集成了微信端之后，发现页面写不好。。。想想还是将这个打卡功能直接放在后台吧。关于微信，接入微信平台、jssdk的配置和使用、access_token的获取、oauth2.0用户授权都使用了一遍。 
打卡的效果图: 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E6%89%93%E5%8D%A1.png) 
数据统计： 
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E6%95%B0%E6%8D%AE%E7%BB%9F%E8%AE%A1.png) 
关注后：
![Alt text](http://oyii3l15f.bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%85%B3%E6%B3%A8%E9%A1%B5%E9%9D%A2.jpg) 
关注微信公众号：
![Alt text](http://oyii3l15f.bkt.clouddn.com/0.jpg)

# 四、数据库 
详见打卡系统表.txt

fossi/work_attendance

简介

发行版

贡献者

近期动态

fossi/work_attendance .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

fossi/work_attendance