多表修改

作者：坚定的守猴

撰写时间：2019年7月5日

开发软件和关键技术：VS；数据的判断

之前我们接触过单表修改的方法。然而现在介绍多表修改的方法。一开始可能有小伙伴就会有这样的一个想法，顾名思义，多表数据比单表的要多，那应该方法会比单表的要复杂一点吧。那接下来我们来了解一下这个多表是不是这回事呢。

多表修改，其实它和我们之前接触过的单表的方法都是大同小异的，区别不大。一样都是先回填、判断，再修改。我们来通过一个修改考生信息的例子来揭开这多表修改神秘的面纱。

第一步，先看数据表的关系图，梳理一下思路，为判断做好准备。

在项目里面，学生是属于一种用户类型。然而每一个学生他都有自己的一个账户。所以修改学生信息的时候，也要对相对应用户信息进行判断。

第二步：根据判断好之后就写代码

在此之前，我们先回填修改之前的数据

这是回填图片的代码

这是回填学生的基本数据。

回填数据之后，我们就来对着需要修改的数据进行判断

判断学生的学号和ID在数据库当中是否存在有相同的数据，然后再判断用户表里面的统一验证码是否重复。

第三步：写修改的代码

判断完之后，我们就根据表里面的字段数据进行一个个的修改

第四：保存修改成功的数据

因为这学生信息还有图片。所以在这里还需要对图片进行修改保存

接下来我们到页面那边看一下JS的部分

先看一下回填数据的代码

里面涉及到下拉框的数据，所以进行下拉框的数据回填之后，在最后对于表格其它数据再进行回填。

数据回填成功之后，就从上面的输入需要修改的数据（对于个人的重要信息，确保输入正确，要通过正则表达式进行验证。），然后到下面对于这些获取到数据进行数据完整性的验证。最后就把修改好的数据以ajaxSubmit的形式提交（这个是保证数据提交不会出现页面跳转，JQ里面的一个方法）

代码基本处理好了。我们看一下这效果如何

到页面选中第二条数据，然后就点击修改。弹出模态框数据正常回填。

然后就把里面的数据修改一下，

修改完毕之后就点击保存

看到序号为2的那条数据，就是修改成功之后的数据。

关于多表修改的内容就介绍到这里（说明一下，最后在JS部分图片修改那里还有个判断没介绍到，如果感兴趣，欢迎咨询）