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

news2024/11/5 22:04:14

第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所示:

 图5-19管理员部门经理管理界面

管理员可以查看全部的联系上级中的信息,对其进行增加,删除,修改,查看如图5-17所示。

图5-20管理员联系上级功能界图

只有管理员可以发布系统公告,经理和员工只有查看权限,如图5-21所示:


图5-21管理员系统管理界面

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2233848.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

vue2中使用vue-awesome-swiper实现轮播

swiper官方文档:Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 1.安装 注意:swiper和vue-awesome-swiper的版本一定一定一定要相对应,版本对应如下: Swiper 5-6 vue-awesome-swiper4.1.1(vue2) Swiper 4.x vue-awesome-swi…

Node.js 入门指南:从零开始构建全栈应用

​🌈个人主页:前端青山 🔥系列专栏:node.js篇 🔖人终将被年少不可得之物困其一生 依旧青山,本期给大家带来node.js篇专栏内容:node.js-入门指南:从零开始构建全栈应用 前言 大家好,我是青山。作…

favicon是什么文件?如何制作网站ico图标?

一般我们做网站的话,都会制作一个独特的ico图标,命名为favicon.ico。这个ico图标一般会出现在浏览器网页标题前面。如下图红色箭头所示: 部分博客导航大全也会用到所收录网站的ico图标。比如boke123导航新收录的网站就不再使用网站首页缩略图…

“大跳水”的全新奥迪A3,精准狙击年轻人的心

文/王俣祺 导语:随着传统豪华品牌在国内市场的全面崩盘,奥迪再一次坐不住了。这次,奥迪“割肉”的目标瞄准了被称为“年轻人第一台豪车”的奥迪A3,这款车问世以来,就凭借出色的性能与品质收获了一大批年轻粉丝。如今&a…

两台手机如何提词呢,一台手机后置高清摄像一台手机前置提词+实时监测状态的解决方案来喽

拍视频只会用前置摄像头可不行啊, 后置高清才会更有流量, 你看哦,我用的是后置摄像头拍摄, 然后前面就用来提词, 它不光能提词, 和其他家不一样的是, 还能把后面手机画面投影到前面手机 这样呀&…

[SWPUCTF 2021 新生赛]easy_sql的write up

开启NSSCTF靶场,在浏览器中访问链接,看到让我们输入点什么还有标签页名字提示: "参数是wllm" 直接/?wllm1访问一下: 这里就直接用sqlmap直接爆破了: 查看数据库有哪些: python sqlmap.py -u …

Tr2 CYT2B75使用记录(二):GPIO、串口、CAN(FD)和busoff检测、看门狗和复位原因

目录 概述GPIO串口1.FIFO2.中断 CANFDRX Buffer and FIFO ElementTX Buffer Elementbusoff 检测 看门狗复位原因 待梳理 概述 GPIO 1.如何定位IO的作用 2.读取电平必须为输入模式 串口 熟悉手册串口特性如下: ■ 数据帧大小可从4位编程到16位 ■ STOP位的可编程…

Android13 系统/用户证书安装相关分析总结(二) 如何增加一个安装系统证书的接口

一、前言 接着上回说,最初是为了写一个SDK的接口,需求大致是增加证书安装卸载的接口(系统、用户)。于是了解了一下证书相关的处理逻辑,在了解了功能和流程之后,发现settings中支持安装的证书,只…

【Java语言】继承和多态(一)

继承 继承就是实现代码的复用;简而言之就是重复的代码作为父类(基类或超类),而不同的可以作为子类(派生类)。如果子类想要继承父类的成员就一定需要extends进行修饰(如:(…

04_CC2530+Uart串口通信

04_CC2530UART串口通信 串口通信基本概念 串行通信: 数据字节一位位地依次传送的通信方式, 串行通信的速度慢, 但用的传输线条数少, 成本低,适用于远距离的数据传送并行通信: 数据字节的各位同事传送的通信方式, 优点是数据传送速度快, 缺点是占用的传输线条数多,…

【计算机网络安全】湖北大学–DNS欺骗实验

目录 0x00 ettercap-原理 0x01 ettercap-arp欺骗 0x02 ettercap-dns劫持 0x00 ettercap-原理 攻击者冒充域名服务器,然后把查询的IP地址设为攻击者的IP地址。这样的话,用户上网就只能看到攻击者的主页,而不是用户想要取得的网站。 首先&…

雷池社区版新版本功能防绕过人机验证解析

前两天,2024.10.31,雷池社区版更新7.1版本,其中有一个功能,新增请求防重放 更新记录:hhttps://docs.waf-ce.chaitin.cn/zh/%E7%89%88%E6%9C%AC%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95 仔细研究了这个需求,…

【深度学习基础】深入理解 卷积与卷积核

🌈 个人主页:十二月的猫-CSDN博客 🔥 系列专栏: 🏀深度学习_十二月的猫的博客-CSDN博客 💪🏻 十二月的寒冬阻挡不了春天的脚步,十二点的黑夜遮蔽不住黎明的曙光 目录 1. 卷积 1.1 …

SpringBoot集成Shiro+Jwt+Redis

1. 概述 首先需要知道为什么使用 ShiroJwtRedis 进行登录认证和权限控制。 1. 为什么用Shiro? 主要用的是 shiro 的登录认证和权限控制功能。 Shiro 参见本栏目文章 🍃《Shiro实战》 2. 为什么用Jwt? Shiro 默认的 Session 机制来帮助实现…

基于Python的乡村居民信息管理系统【附源码】

基于Python的乡村居民信息管理系统 效果如下: 系统主页面 系统登录页面 管理员主页面 居民管理页面 政务学习页面 土地信息管理页面 个人信息管理页面 居民登陆页面 村委人员主页面 研究背景 随着信息技术的飞速发展和乡村振兴战略的深入实施,传统的乡…

HTML 基础标签——表单标签<form>

文章目录 1. `<form>` 标签:定义表单容器2. `<input>` 标签:多用途输入控件3. `<textarea>` 标签:多行文本输入框4. `<select>` 标签:下拉选择框5. `<option>` 标签:下拉菜单选项6. `<button>` 标签:按钮元素7. `<label>` 标签…

Debian的基本使用

前言 本人撰写的相关文档中&#xff0c;部分技术已经不再提供支持了&#xff08;不得不感慨&#xff0c;菜鸡的个人进步追不上技术更新啊&#xff09;&#xff0c;比如Centos、EasyExcel&#xff0c;虽然说目前仅使用还没有什么问题&#xff0c;但是还是要了解一下备用方案。 …

比亚迪能不能打败特斯拉?

文/孔文清 比亚迪在第三季度的财报发布后&#xff0c;首次在营收上超越了特斯拉&#xff0c;这是电动汽车行业的重要时刻&#xff0c;也反映了中国产业在全球市场中的崛起。 比亚迪在其2024年第三季度财报中首次实现了2011.2亿元的营业收入&#xff0c;相比特斯拉的1793亿元&a…

什么情况下,不推荐建立索引?

一般有以下几种情况不推荐建立索引&#xff1a; 1&#xff09;对于数据量很小的表 当表的数据量很小&#xff08;如几百条记录&#xff09;时&#xff0c;建立索引并不会显著提高查询性能&#xff0c;反而可能增加管理的复杂性&#xff1b; 2&#xff09;频繁更新的表 对于…

深度学习基础知识-残差网络ResNet

目录 一、ResNet 的核心思想&#xff1a;残差学习&#xff08;Residual Learning&#xff09; 二、ResNet 的基本原理 三、ResNet 网络结构 1. 残差块&#xff08;Residual Block&#xff09; ResNet 的跳跃连接类型 2. 网络结构图示 四、ResNet 的特点和优势 五、ResNe…