编写提示词
请根据提供的员工管理的页面原型图 ,和接口文档完成员工管理的功能开发 ,包括:增加、修改、删除、查询员工的功能。
- 具体的接口信息如下:
1.1 员工列表查询请求路径:/emps 请求方式:GET 请求参数: name: 姓名,可选 gender: 性别,可选 begin: 入职日期的开始时间,可选 end: 入职日期的结束时间,可选 page: 页码,默认1 pageSize: 每页展示记录数,默认10 请求样例: /emps?page=1&pageSize=10 /emps?name=张&page=1&pageSize=10 /emps?gender=1&page=1&pageSize=10 /emps?name=张&gender=1&page=1&pageSize=10 /emps?name=张&gender=1&begin=2007-09-01&end=2022-09-01&page=1&pageSize=10 响应数据格式: { "code": 1, "msg": "success", "data": { "total": 2, "rows": [ { "id": 1, "username": "jinyong", "name": "金庸", "gender": 1, "image": "https://web-framework.oss-cn-hangzhou.aliyuncs.com/2022-09-02-00-27-53B.jpg", "position": 2, "salary": 8000, "hireDate": "2015-01-01", "deptId": 2, "deptName": "教研部", "createTime": "2022-09-01T23:06:30", "updateTime": "2022-09-02T00:29:04" }, { "id": 2, "username": "zhangwuji", "name": "张无忌", "gender": 1, "image": "https://web-framework.oss-cn-hangzhou.aliyuncs.com/2022-09-02-00-27-53B.jpg", "position": 2, "salary": 6000, "hireDate": "2015-01-01", "deptId": 2, "deptName": "教研部", "createTime": "2022-09-01T23:06:30", "updateTime": "2022-09-02T00:29:04" } ] } } 响应数据含义: id: 员工ID username: 用户名 name: 姓名 gender: 性别 , 1 男 ; 2 女 image: 图像 position: 职位, 说明: 1 班主任,2 讲师, 3 学工主管, 4 教研主管, 5 咨询师 salary: 薪资 hireDate: 入职日期 deptId: 部门ID deptName: 部门名称 createTime: 创建时间 updateTime: 更新时间
1.2 删除员工
请求路径:/emps
请求方式:DELETE
请求参数:ids ,为路径参数
请求样例:
/emps?ids=1
/emps?ids=1,2,3
响应数据格式:
{
"code":1,
"msg":"success",
"data":null
}
1.3 添加员工
请求路径:/emps
请求方式:POST
请求样例:
{
"image": "https://web-framework.oss-cn-hangzhou.aliyuncs.com/2022-09-03-07-37-38222.jpg",
"username": "linpingzhi",
"name": "林平之",
"gender": 1,
"position": 1,
"hireDate": "2022-09-18",
"deptId": 1,
"phone": "18809091234",
"salary": 8000,
"exprList": [
{
"company": "百度科技股份有限公司",
"position": "java开发",
"startDate": "2012-07-01",
"endDate": "2019-03-03"
},
{
"company": "阿里巴巴科技股份有限公司",
"position": "架构师",
"startDate": "2019-03-15",
"endDate": "2023-03-01"
}
]
}
请求数据说明:
username: 用户名
name: 姓名
phone: 手机号
gender: 性别 , 1 男 ; 2 女
image: 图像
position: 职位, 说明: 1 班主任,2 讲师, 3 学工主管, 4 教研主管, 5 咨询师
salary: 薪资
hireDate: 入职日期
deptId: 部门ID
exprList: 员工工作经历列表
company: 公司
position: 职位
startDate: 工作经历开始时间
endDate: 工作经历开始时间
响应数据格式:
{
"code":1,
"msg":"success",
"data":null
}
1.4 根据ID查询
请求路径:/emps/{id}
请求方式:GET
请求参数:id ,为路径参数
请求样例:/emps/1, /emps/2
响应数据格式:
{
"code": 1,
"msg": "success",
"data": {
"id": 2,
"username": "zhangwuji",
"name": "张无忌",
"gender": 1,
"image": "https://web-framework.oss-cn-hangzhou.aliyuncs.com/2022-09-02-00-27-53B.jpg",
"position": 2,
"salary": 8000,
"hireDate": "2015-01-01",
"deptId": 2,
"createTime": "2022-09-01T23:06:30",
"updateTime": "2022-09-02T00:29:04",
"exprList": [
{
"id": 1,
"startDate": "2012-07-01",
"endDate": "2019-03-03"
"company": "百度科技股份有限公司"
"position": "java开发",
"empId": 2
},
{
"id": 2,
"startDate": "2019-3-15",
"endDate": "2023-03-01"
"company": "阿里巴巴科技股份有限公司"
"position": "架构师",
"empId": 2
}
]
}
}
1.5 修改员工
请求路径:/emps
请求方式:PUT
请求样例:
{
"id": 2,
"username": "zhangwuji",
"password": "123456",
"name": "张无忌",
"gender": 1,
"image": "https://web-framework.oss-cn-hangzhou.aliyuncs.com/2022-09-02-00-27-53B.jpg",
"position": 2,
"salary": 8000,
"hireDate": "2015-01-01",
"deptId": 2,
"createTime": "2022-09-01T23:06:30",
"updateTime": "2022-09-02T00:29:04",
"exprList": [
{
"id": 1,
"startDate": "2012-07-01",
"endDate": "2015-06-20"
"company": "中软国际股份有限公司"
"position": "java开发",
"empId": 2
},
{
"id": 2,
"startDate": "2015-07-01",
"endDate": "2019-03-03"
"company": "百度科技股份有限公司"
"position": "java开发",
"empId": 2
},
{
"id": 3,
"startDate": "2019-3-15",
"endDate": "2023-03-01"
"company": "阿里巴巴科技股份有限公司"
"position": "架构师",
"empId": 2
}
]
}
响应数据格式:
{
"code":1,
"msg":"success",
"data":null
}
- 请严格根据员工管理的页面原型 和 接口文档开发
代码运行与测试
跟之前都一样,遇到错误就粘贴提示
我就遇到这一个错误,修复后增删改查都正常。当然你也可以进一步优化,这里我考虑到次数问题就不再优化
员工管理的基本页面布局已经有了,但是新增员工的表单需要调整,表单的宽度调整为800px。然后根据提供的页面原型图,调整新增员工表单的布局,表单的具体要求如下:
第一行, 展示 用户名 和 姓名。
第二行,展示 性别 和 手机号。
第三行,展示 职位 和 薪资。
第四行,展示 所属部门 和 入职日期。
第五行,展示 头像,是一个文件上传框。
第六行,展示工作经历,在工作经历这个表单项里展示的是一个 "新增工作经历" 的按钮。 每点击一次 新增工作经历, 就需要增加一条工作经历。 工作经历所有的表单项,设置的小一些,一共三个表单项:时间(包括开始时间和结束时间)、公司、职位,表单项的名字也需要展示出来。在每一个工作经历条目后面都有一个删除按钮,点击删除按钮之后,可以删除掉当前这条工作经历。