素材巴巴 > 程序开发 >

angular综合题 添加 删除 排序 隔行变色 等

程序开发 2023-09-12 07:12:15





2.用户信息添加页




3.删除询问框


实现用户数据列表展示5分,实现列表选中行变色5分,实现表格内行与行之间颜色区分5分,实现鼠标移动到删除上时变为小手样式5分。

2.实现姓名查询条件框5分,实现查询条件框内的内容为空点击查询按钮时alert提示”请输入姓名”5分,实现按姓名搜索表格内容功能5分,当搜索内容未找到匹配项时提示”未找到内容”5分,当搜索内容有敏感词时,alert提示5分。

3.实现排序下拉列表展示5分,实现按照年龄倒序排序5分,实现按照年龄正序排序5分

4.实现用户添加页5分,按要求实现内容添加5分,实现添加内容时的校验,当年龄不为数字时alert提示用户”年龄格式错误”功能5分,实现添加用户信息到列表中5分。

5.实现列表页面布局整洁5分,实现添加页面布局整洁5分

6. 实现点击删除时弹出二次确认询问框5分,实现删除功能,删除后从列表中消失5分。注:询问框可使用js的confirm实现

实现用户数据列表展示5分,实现列表选中行变色5分,实现表格内行与行之间颜色区分5分,实现鼠标移动到删除上时变为小手样式5分。

2.实现姓名查询条件框5分,实现查询条件框内的内容为空点击查询按钮时alert提示”请输入姓名”5分,实现按姓名搜索表格内容功能5分,当搜索内容未找到匹配项时提示”未找到内容”5分,当搜索内容有敏感词时,alert提示5分。

3.实现排序下拉列表展示5分,实现按照年龄倒序排序5分,实现按照年龄正序排序5分

4.实现用户添加页5分,按要求实现内容添加5分,实现添加内容时的校验,当年龄不为数字时alert提示用户”年龄格式错误”功能5分,实现添加用户信息到列表中5分。

5.实现列表页面布局整洁5分,实现添加页面布局整洁5分

6. 实现点击删除时弹出二次确认询问框5分,实现删除功能,删除后从列表中消失5分。注:询问框可使用js的confirm实现




















姓名查询条件


















                 //赋值















用户列表
姓名 年龄 拼音 职位 操作
{{emp.name1}} {{emp.age1}} {{emp.pingying1}} {{emp.zw1}}
删除









添加用户信息


姓名
年龄

拼音

职位


















标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。