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用户日记管理界面图