作者:坚定的守猴

撰写时间:2019年7月5日

开发软件和关键技术:VS;数据的判断

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

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

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

多表修改springboot怎么写_数据

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

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

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

这是回填图片的代码

多表修改springboot怎么写_下拉框_02


多表修改springboot怎么写_多表修改springboot怎么写_03

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

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

多表修改springboot怎么写_下拉框_04

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

第三步:写修改的代码

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

多表修改springboot怎么写_下拉框_05

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

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

多表修改springboot怎么写_多表修改springboot怎么写_06

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

先看一下回填数据的代码

多表修改springboot怎么写_下拉框_07

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

多表修改springboot怎么写_数据_08

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

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

多表修改springboot怎么写_数据_09

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

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

多表修改springboot怎么写_多表修改springboot怎么写_10

修改完毕之后就点击保存

多表修改springboot怎么写_多表_11

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

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