作者:坚定的守猴
撰写时间:2019年7月5日
开发软件和关键技术:VS;数据的判断
之前我们接触过单表修改的方法。然而现在介绍多表修改的方法。一开始可能有小伙伴就会有这样的一个想法,顾名思义,多表数据比单表的要多,那应该方法会比单表的要复杂一点吧。那接下来我们来了解一下这个多表是不是这回事呢。
多表修改,其实它和我们之前接触过的单表的方法都是大同小异的,区别不大。一样都是先回填、判断,再修改。我们来通过一个修改考生信息的例子来揭开这多表修改神秘的面纱。
第一步,先看数据表的关系图,梳理一下思路,为判断做好准备。
在项目里面,学生是属于一种用户类型。然而每一个学生他都有自己的一个账户。所以修改学生信息的时候,也要对相对应用户信息进行判断。
第二步:根据判断好之后就写代码
在此之前,我们先回填修改之前的数据
这是回填图片的代码
这是回填学生的基本数据。
回填数据之后,我们就来对着需要修改的数据进行判断
判断学生的学号和ID在数据库当中是否存在有相同的数据,然后再判断用户表里面的统一验证码是否重复。
第三步:写修改的代码
判断完之后,我们就根据表里面的字段数据进行一个个的修改
第四:保存修改成功的数据
因为这学生信息还有图片。所以在这里还需要对图片进行修改保存
接下来我们到页面那边看一下JS的部分
先看一下回填数据的代码
里面涉及到下拉框的数据,所以进行下拉框的数据回填之后,在最后对于表格其它数据再进行回填。
数据回填成功之后,就从上面的输入需要修改的数据(对于个人的重要信息,确保输入正确,要通过正则表达式进行验证。),然后到下面对于这些获取到数据进行数据完整性的验证。最后就把修改好的数据以ajaxSubmit的形式提交(这个是保证数据提交不会出现页面跳转,JQ里面的一个方法)
代码基本处理好了。我们看一下这效果如何
到页面选中第二条数据,然后就点击修改。弹出模态框数据正常回填。
然后就把里面的数据修改一下,
修改完毕之后就点击保存
看到序号为2的那条数据,就是修改成功之后的数据。
关于多表修改的内容就介绍到这里(说明一下,最后在JS部分图片修改那里还有个判断没介绍到,如果感兴趣,欢迎咨询)