基于springboot+vue实现的任务管理系统（源码+L文）4-103

第4章　系统设计

4.1 总体功能设计

员工，经理，管理员都需要登录才能进入任务管理系统，使用者登录时会在后台判断使用的权限类型，包括一般使用者和管理者,一般使用者为员工和经理，对员工只能提供任务信息显示查询，对经理还有部分修改功能，而对管理者则能基本全部任务信息内容提供使用，修改查询的功能。

整体系统的主要功能模块如图4-1：

图4-1 任务管理系统功能图

4.3.3 数据库关系表设计（共12张表）

数据库关系表如下：

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
renwubianhao	varchar	200	任务编号
renwumingcheng	varchar	200	任务名称
fankuiwenti	longtext	4294967295	反馈问题
jingligonghao	varchar	200	经理工号
yuangonggonghao	varchar	200	员工工号
yuangongxingming	varchar	200	员工姓名
fankuishijian	date		反馈时间
shhf	longtext	4294967295	回复内容

表4-1：任务反馈表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
lianluoxinxi	varchar	200	联络信息
yuangonggonghao	varchar	200	员工工号
yuangongxingming	varchar	200	员工姓名
jingligonghao	varchar	200	经理工号
shhf	longtext	4294967295	回复内容

表4-2：联系下级表

此处省略10张表。。。

表4-12：任务评价表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
renwubianhao	varchar	200	任务编号
renwumingcheng	varchar	200	任务名称
renwujianjie	varchar	200	任务简介
renwuzhuangtai	varchar	200	任务状态
youxianji	varchar	200	优先级
renwufujian	longtext	4294967295	任务附件
yuangonggonghao	varchar	200	员工工号
yuangongxingming	varchar	200	员工姓名
wanchengriqi	date		完成日期
renwuxiangqing	longtext	4294967295	任务详情
jingligonghao	varchar	200	经理工号
jinglixingming	varchar	200	经理姓名
fabushijian	date		发布时间

第五章 系统实现

5.1 登录注册功能模块实现

5.1.1首页

当用户打开本系统后，首先看到的就是登录界面。在这里，用户能够看到任务管理系统的登陆界面。有用户名，密码，登陆身份：管理员，员工，部门经理，注册。系统登录界面如图5-1所示：

图5-1系统首页界面

5.1.2注册

当用户进入系统进行相关操作前必须先注册登录，在注册页面填写员工工号，密码，姓名，头像，联系方式等信息，在设置密码时对长度进行限制，介于3-10位之间，并且在选择头像时打开本地文件夹选择，前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知学生完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2、5-3所示。

图5-2注册界面图

图5-3用户注册选择头像界面图

5.1.3用户登录

用户在登录页面通过填写账号、密码，并且选择身份，完成登录，在登录流程中，员工首先在Vue前端界面输入用户名和密码。并且滑动图片进行身份验证。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端生成一个令牌（如JWT）并返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-4、5-5所示。

图5-4用户登录界面图

图5-5用户身份验证界面

5.2任务管理功能模块实现

5.2.1员工任务管理系统功能模块

通过登录进入系统后，导航栏有任务分配管理，任务反馈管理，任务提交管理，任务评价管理，部门通知管理，联系上级管理，联系下级管理，我的信息的功能，在主页面会有任务分配总数和任务评价总数的日期记录，面如图5-6所示：

图5-6 员工任务管理主页

员工进入任务分配页面，主要包括对员工信息和任务信息以及发布的经理信息等。任务分配页面如图5-7所示：

图5-7任务分配界面

员工点击部门通知管理会出现公告，封面，经理工号和姓名以及时间，通过公告标题搜索需要查询的通知，部门通知管理界面如图5-8所示

图5-8部门通知管理界面

点击联系上级管理，通过点击新增，输入联络信息和员工，经理的信息可以联系上级，并显示在页面中，如图5-9，5-10所示

图5-9联系上级界面

图5-10联系上级界面

5.2.2经理任务管理系统功能模块

在作为经理身份登录之后，对功能栏做了一些改动，增加了员工管理功能，可以查看员工的信息，状态，对其进行操作。并且可以修改员工状态对其进行锁定。如图5-11所示：

图5-11员工管理界面

点击任务发布，显示出任务的信息，选择完成日期和任务详情可以对员工进行发布任务，并且在任务分配栏显示，在完成日期要结束时发出提醒。如图5-12，5-13所示：

图5-12任务发布界面

图5-13 任务截至提醒界面

经理可以发布并查看自己发布的通知，而员工没有权限发布通知，只能查看本部门的通知。如图5-14所示：

图5-14部门通知界面

经理可以查看员工的联系，并且进行回复。如图5-15所示：

图5-15联系上级界面

图5-16联系上级回复界面

经理对员工的任务进行反馈，输入内容进行批注，接着进行任务评价，如图5-17，5-18所示：

图5-17任务反馈管理

图5-18 任务评价界面

5.2.3 管理员任务管理系统功能模块

以管理员身份登录，这些部门经理信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、新增、修改或删除经理信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便经理信息功能可以看到最新的信息或相应的操作反馈。在经理信息页面的输入栏中输入工号、姓名，性别进行搜索，可以查看到经理详细信息，并根据需要进行添加、修改或者删除等操作，如图5-19所示：