ssm职工健康每日申报系统设计+vue

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1xm4y1V7T7?t=12.4

三、运行截图：

进入到这个环节，也就可以及时检查出前面设计的需求是否可靠了。一个设计良好的方案在运用于系统实现中，是会帮助系统编制人员节省时间，并提升开发效率的。所以在系统的编程阶段，也就是系统实现阶段，对于一些不合理的设计需求，也是可以及时发现。因为设计的方案是完全指导系统的编码过程的。

3.1 管理员功能实现

3.1.1 员工管理

管理员进入指定功能操作区之后可以管理员工。其页面见下图。管理员在当前页面新增员工信息，修改员工的身份证，手机，邮箱，照片等资料，删除指定的员工资料。

图3.1 员工管理页面

3.1.2 健康登记管理

管理员进入指定功能操作区之后可以管理员工的健康登记信息。其页面见下图。管理员可以查询员工的健康登记信息，可以修改员工的健康登记信息，包括省份，市区，详细地址以及员工的体温等信息，可以删除指定的员工健康登记信息。

图3.2 健康登记管理页面

3.1.3 省份管理

管理员进入指定功能操作区之后可以管理省份信息。其页面见下图。管理员在本页面可以新增省份，修改与删除省份信息。

图3.3 省份管理页面

3.1.4 市区管理

管理员进入指定功能操作区之后可以管理市区信息。其页面见下图。管理员新增市区信息，能够查看，修改，删除市区信息。

图3.4 市区管理页面

3.1.5 修改密码

管理员进入指定功能操作区之后可以更改密码。其页面见下图。管理员更改密码之后，需要退出系统并重新登录。

图3.5 修改密码页面

3.2 员工功能实现

3.2.1 员工注册

员工可以先注册获取职工健康每日申报系统的账号，密码。其页面见下图。员工需要登记的信息包括姓名，邮箱，密码，工号等信息。

图3.6 员工注册页面

3.2.2 新增健康信息

员工进入指定功能操作区之后可以新增健康信息。其页面见下图。员工登记自己的体温，身体状况，所在省份以及市区，详细住址等信息，最后提交健康登记信息。

图3.7 新增健康信息页面

3.2.3 健康登记管理

员工进入指定功能操作区之后可以管理健康登记信息。其页面见下图。员工查看自己的身体状况信息，可以在本页面修改健康登记信息，查询健康登记信息。

图3.8 健康登记管理页面