员工修改页面处理


开发工具与关键技术:vs2015 MVC数据新增修改页面处理
作者:懒惰的睿智
撰写时间:5.5

对于员工信息的修改,在新增员工信息完成后,我们需要对已经录入的员工信息进行修改,修改完成后把数据在存入到数据库中去,究其本质还是新增,所以我们可以利用新增的部分代码,用作修改。
对于修改,用户在页面上的操作是:点击用户信息修改。页面弹出修改模态框,用户在已有的数据进行修改操作,数据修改完毕,用户输入完成后点击保存后数据提交。在页面接受到数据后我们需要对数据进行验证,判断修改后的数据是否符合我们所需要的数据类型要求,并对这些数据的真假进行客观上的判断。那么接下来的,我们需要的操作便是
1.设置操作按捺
修改需要修改的模态框,所以需要一个可以弹出模态框的按钮,那我们便在表格后放置俩个自定义按扭,这个操作按钮是,用layui的样式来实现的,分别是修改按钮,删除按钮。并分别给这两个按钮设置点击事件,点击事件当用户点击时触发
在这里插入图片描述
2、弹出模态框&数据页面回填
下面我具体给点击的openUpdateModal,设置方法,
(用户点击后模态框弹出,模态框弹出后,我们需要会填员工相关的信息,如何会填员工的信息呢?新增的时候我们把数据给存到了数据库中去了,那现在的我们需要把它给取出来,那怎么取呢?)
这里把employeeID,传给控制器,查询交由控制器进行查询(将控制器查询出来的结果)
在这里插入图片描述
3、页面数据验证
在用户输入完毕后,我们在页面上需要对用户输入的信息进行判断,那如何进行判断呢?
3.1、页面信息获取,
将用户修改后的数据获取到
在这里插入图片描述
3.2、数据验证
在这里插入图片描述
3.3、输据完整性验证
将用户修改后填写的数据的完整性进行判断,员工部门也就是(employeeNumber)让她不为空,不为空也就是存在数据,同理:员工姓名,电话,地址等信息也不能为空,如果数据不为空的验证不能通过,那就返回提示:请填写完整信息。如果信息不为空的验证通过了,那就说明数据已经填写完整,上面我们已经对数据的部分进行的判断了,那我们就提交数据到控制器,页面接受控制器返回的数据录入状态信息,把录入信息提示用户成功与否
在这里插入图片描述
总结:
员工信息的修改,在用户点击弹出模态框后,页面上需要对数据进行验证,对输入的数据验证完毕后,验证其数据的完整性,修改其实也相等于信息的新增的页面处理操作,与新增的页面操作不同的是,弹出新增模态框后,多了个数据回填,我们需要将页面数据给会填上去。在数据输写完毕后,把数据提交到控制器上去。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值