基于Vue+SSM+SpringCloudAlibaba员工列表增删改查

简介: 基于Vue+SSM+SpringCloudAlibaba员工列表增删改查

表说明:

Departemp

f71eb28751a44595b70567500d299023.png


depart_userID:员工编号


depart_userName:员工姓名


depart_parentID:员工上级领导ID


depart_jobID:员工岗位ID


depart_iphone:电话号码


depart_birthday:员工出生日期


depart_password:登录密码


depart_sex:员工性别(1:男  0:女)


depart_salary:薪资


Depart_job:


8b92a80181054e319fb6130cac3c85db.png

depart_jobID:员工岗位ID(与表Departemp中的depart_jobID对应)

depart_jobName:岗位名称

depart_jobLevel:岗位级别

功能要求

1.登录(5分)

根据表departemp中的depart_userName,depart_password字段进行登录。

1.1帐号密码错误,提示登陆失败(2分)

1.2帐号密码正确,登陆成功并跳转(3分)

30bd4f49354e45f482566e3962b7bbfa.png2.权限校验(8分)

2.1登录成功生成token,并保存在前端(4分)

2.2清除token,会自动跳转到登陆页面(4分)



3.查询列表(57分)

(考试时候不要删除数据!!)

3.1菜单管理,添加部门管理,下面两个子菜单(员工列表,岗位列表)2分


b36a8bd83b564490bd36a7e8f56c5bc7.png

3.2员工列表展示,查询当前员工以及同级别员工信息以及下属员工信息。列如用项经理帐号登录,岗位级别为2,可以查看自己的信息,还有岗位级别为2的其他员工信息,以及项经理的下属信息(不可查看其他经理下属信息)


通过项经理帐号登陆!


3.2.1编号,姓名,电话,薪资展示正确(2分)


3.2.2年龄展示正确(2分)


3.2.3性别展示正确(2分)


3.2.4岗位展示正确(2分)


3.2.5领导姓名展示正确(2分)

3e2b25c134814b3f91ff055b9127cc50.png

3.2.6领导姓名鼠标悬停展示领导信息(5分),可采用Popover弹出框组件


14528cb5d34d410a9f3cdaeda25672ca.png

3.2.7点击箭头,能展开项经理下属信息(5分)

3.2.8下属信息中的领导姓名展示正确(1分),鼠标悬停能正确展示领导信息(2分)

b866667179784f25b42a11d7f451ce69.png

3.2.9其他同级人员信息展示正确(5分),领导姓名以及领导悬停信息展示正确(2分),同级别人员下属信息不可查(3分)


79471b55a0ac40a0a1d0f21ebaeda0b1.png

3.2.10同级别人员信息无修改权限(2分),自己和下属有修改权限(3分)


008fbe103f4343f4a43960b64d4685b4.png

3.3 分页查询

分页条数正确(4分)

每页几条下拉正确(2分)

跳转正确(2分)

前往第几页正确(2分)

9277dcb18b844acb9900c34c3cc36adf.png

3.4三级联动查询

切换项部长帐号登录

3.4.1能够正确展示项部长下经理信息(2分)

3.4.1能够正确展示经理下属员工信息(5分)

5f708cfb723841f18a4628dad54efa2d.png

4.条件查询(5分)

查询条件下拉框形式,其中只能有当前用户同等级别的岗位数据,比如说当前登陆用户项经理,级别为2,下拉框中就只有能级别为2的岗位数据

08efa5f862e246a2a89ebfc7845f714d.png下拉分页条数正确(3分)

能够根据条件正确查询数据(2分)

5.修改信息(15)

5.1点击修改信息按钮,出现弹框,表单项正确(2分)

5.2姓名,薪资,电话回显正确(1分)

5.3出生日期回显正确(1分)

5.4性别回显正确(1分)

2e1d85dddf7d47fdbb6abc82356f8553.png


5.5 姓名不可修改(1分)

5.6 下属薪资可修改,自己薪资不可修改(4分)


eaf205cca042467e943cb314f3c3bce9.png


5.7信息修改正确(5分)

6.新增下属(10)

5.1 点击新增下属弹框正确(2分)

280d8ee9abc2483d96e0ccf8f7080561.png


5.2 点击新增下属弹岗位下拉正确,只能选择低于自己岗位级别的岗位(3分)


d538207c4bc24b2c8ee0ee19647be5f5.png

5.3 新增下属成功(5分)






目录
打赏
0
0
0
0
79
分享
相关文章
vue+spirngboot 分离技术实现图书信息的增删改查(改造这学期的课程设计【1】)
文章介绍了如何创建一个前端项目,包括使用Vue和Webpack初始化项目、安装axios和element-ui、设置侧边栏、配置路由、创建登录和注册页面、展示书籍列表、添加和修改书籍信息,以及在开发过程中遇到的一些问题及其解决方法。
vue+spirngboot 分离技术实现图书信息的增删改查(改造这学期的课程设计【1】)
基于springboot+vue.js+uniapp的员工工资管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的员工工资管理系统附带文章源码部署视频讲解等
88 1
基于SSM+Vue的龙腾公司员工信息管理系统设计与实现(1)
基于SSM+Vue的龙腾公司员工信息管理系统设计与实现
64 1
基于ssm+vue的校园驿站管理系统+(源码+部署说明+演示视频+源码介绍)(2)
基于ssm+vue的校园驿站管理系统+(源码+部署说明+演示视频+源码介绍)
116 1
基于springboot+vue.js+uniapp小程序的企业员工考勤管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的企业员工考勤管理系统附带文章源码部署视频讲解等
43 0
基于springboot+vue.js+uniapp小程序的员工健康管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的员工健康管理系统附带文章源码部署视频讲解等
32 0
基于SSM+Vue的家居商城系统(源码+部署说明+演示视频)(2)
基于SSM+Vue的家居商城系统(源码+部署说明+演示视频)
91 0
基于SSM+Vue的家居商城系统(源码+部署说明+演示视频)(1)
基于SSM+Vue的家居商城系统(源码+部署说明+演示视频)
86 0
基于SSM+Vue的龙腾公司员工信息管理系统设计与实现(2)
基于SSM+Vue的龙腾公司员工信息管理系统设计与实现
60 0
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
1070 0