设计背景
从2019年初开始新冠肺炎蔓延至全国各地，但是国家要发展，工厂要复工，更重要的是我还是一个技术小白，刚刚接触到互联网编程技术，在一次浏览阿里的Datav大数据可视化时正好看到了一个可视化页面，心中想着自己可不可以设计出一个系统，不仅可以把学习到的技术点在实战中应用，更重要的是可以锻炼解决问题的能力，废话不多说就让我们一起撸起袖子加油干吧！
技术选型
该项目后端主要采用Springboot框架、Mysql数据库和Shiro框架用户鉴权；前端主要使用React框、Redux数据流、AntDesign组件库、Echarts组件；更重要的是在该项目中是我第一次尝试使用阿里短信验证，实现了短信验证码的功能。
开发工具
Postman 、VsCode、ApiPost、springToolSuite4和idea.
作品展示
图 1： 系统首页展示
图 2： 手机验证码登录页面
图 3：个人中心
图 4：管理员登录默认页面
图 5：管理员登录默认页面
图 6：员工信息管理
图 7：可视化数据统计
总结
经过本次的开发和设计，使我进一步了解了前后端交互的方式，遗憾的是该项目应该在设计一个微信小程序和手机App,因为PC端针对于员工上班打卡并不便捷，后续将选择uniapp开发移动端。
备注：最后一张可视化界面参考于阿里Datav。
