java时间管理系统springbootvueweb

5系统详细设计

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

三、运行截图：

3.1管理员功能模块

管理员登录系统后，可以对首页，个人中心，系统公告管理，用户管理，时间分类管理，事件数据管理，目标数据管理，用户日记管理等功能模块进行相应操作，如图3-1所示。

图3-1管理员功能界面图

系统管理，在系统管理页面可以对索引，公告信息，公告类型，公告图片，发布日期等信息进行详情，修改和删除等操作，如图3-2所示。

图3-2系统管理界面图

用户管理，在用户管理页面可以对索引、工号、姓名、性别、头像、电话等内容进行详情，修改和删除等操作，如图3-3所示。

图3-3用户管理界面图

时间分类管理，在时间分类管理页面可以对索引、时间分类等内容进行详情，修改，删除操作，如图3-4所示。

图3-4时间分类管理界面图

事件数据管理，在事件数据管理页面可以对索引、事件标题，时间分类，事件图片，提交次数，事件标签，事件备注，事件状态，用户名，用时，添加日期等内容进行详情，修改或删除等操作，如图3-5所示。

图3-5事件数据管理界面图

目标数据管理，在目标数据管理页面可以对索引、目标名称，目标图片，时间分类，提交次数，添加日期，事件状态，目标备注，用户名，用时等内容进行详情，修改和删除等操作，如图3-6所示。

图3-6目标数据管理界面图

用户日记管理，在用户日记管理页面可以对索引、日记名称，日记照片，日记便签，日记日期，用户名等内容进行详情，修改和删除等操作，如图3-7所示。

图3-7用户日记管理界面图

3.2用户功能模块

用户注册，在用户注册页面通过填写用户名，密码，确认密码，姓名，手机，邮箱等信息完成用户注册，如图3-8所示。

图3-8用户注册界面图

用户登录进入时间管理系统，可以对首页，个人中心，系统公告管理，事件数据管理，目标数据管理，用户日记管理等功能进行相应操作，如图3-9所示。

图3-9用户功能界面图

个人中心管理，在个人信息管理页面可以对用户名，姓名，性别，头像，手机，邮箱等信息进行修改操作，如图3-10所示。

图3-10个人中心管理界面图

系统公告管理，在系统公告管理页面可以对索引、公告标题，公告类型，公告图片，发布时间等内容进行详情操作，如图3-11所示。

图3-11系统公告管理界面图

事件数据管理，在事件数据管理页面可以对索引、事件标题，事件分类，事件图片，提交次数，事件标签，事件备注，事件状态，用户名，用时，添加日期等内容进行详情，修改和删除等操作，如图3-12所示。

图3-12事件数据管理界面图

用户日记管理，在用户日记管理页面可以对索引、日记名称，日记照片，日记便签，日记日期，用户名等内容进行详情，修改和删除等操作，如图3-13所示。

图3-13用户日记管理界面图