修改数据

开发工具与关键技术:MVC,jQuery
作者:LJR
撰写时间:2019年 5 月 4 日

1.如果要做一个学院数据的修改程序,那么下图是一个表格的数据:
点击修改按钮的时候会弹出一个修改的模态框,修改模态框会回填当前点击行的数据,然后就可以进行修改数据了。
在这里插入图片描述
在这里插入图片描述

2.这里要引用到bootstrap和layui的插件,在表格里面的修改和删除按钮,是人为添加的,再添加按钮的时候,就已经给它onclick事件了,点击就可以直接调用某个方法。
在这里插入图片描述

3.所以修改的按钮在点击的时候,会调用打开修改模态框的按钮。
第一:在打开修改模态框的时候,我们第一要先重重置表单,避免上一次填入的数据回填出来。
第二:重置表单后,用POST方法,从控制器查询到点击行的数据,把数据回填到模态框里,这样方便用户在修改的时候,方便修改某个选项,不用再次全部再填写一次。
第三:利用模态框的ID,把模态框显示出来。
这三个步骤,第一是不能变动的,第二和第三个顺序可以调换。如果回填的数据,在重置表单,那么回填数据就没有意义了 。
在这里插入图片描述

4.修改模态框点击行的数据,利用academeId查询到数据库的唯一一条数据,返回过去回填数据。Single()返回唯一一条数据。
在这里插入图片描述

5.修改操作:
第一:在控制器中查询出要修改的表,拿查询出的数据和修改的数据进行比较,做一个判断,如果没有相同的,让它等于零,否则就让它等于一。如果等于零,就可以继续进行下面的代码,不等于零,则给用户返回提醒和以前的重复。
第二:如果没有重复的,那么就继续获取要修改的数据,根据修改行的ID去提取数据,给它赋值,赋值后就可以执行修改,判断到数据库的数据有变动,则是修改成功,如果没变化就修改失败。
如果发现都不是这些问题,则catch返回数据异常!那是代码有问题了,需要程序员去调试了。
在这里插入图片描述
6.最后要保存修改的操作了,获取到页面的数据,判断到没有空值后,就可以异步提交数据,异步提交用到POST提交数据,把修改的数据保存到数据库后,要关闭模态框,并且刷新数据,方便用户查看数据。这样修改的操作就完成了。
在这里插入图片描述

(代码来自于老师)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值