数据的新增与修改

开发工具与关键技术： Visual Studio    新增与修改
作者：黎凤焕
撰写时间：2019年 5月 3 日

在使用软件的时候，新用户都要登录注册，填写个人信息，如果信息填写错误了，就对信息进行修改，感觉很简单的事情，背后都有不简单的操作。新增对不同的表格数据都是一样的，一样用到下拉框绑定数据，数据新增保存，每次点击新增的时候，所新增的表格都为空，因为在做新增数据的时候，已经对表格里要填写的内容进行了清空处理，以方便用户填写数据信息，减少填写的时间。
新增数据与修改数据的不同之处在于：新增数据，对数据进行清空，修改数据，对数据进行回填。
对模态框里面的数据进行新增与修改：
新增：（1）、构建模态框，打开新增模态框；
（2）、重置表单；
（3）、清空下拉框、清空图片；
（4）、下拉框绑定数据；
（5）、对数据进行填写，判断，保存新增，关闭模态框
修改：（1）、打开修改的模态框，并实现数据的回填；
（2）、保存修改信息，关闭模态框。

新增信息：

//重置表单
$("#formUpdateExaminee").resetForm();
//清空图片
$("#UsImgStudentPicture").attr(“src”, “”);

新增保存的时候，首先要对页面数据进行获取数据，显示加载层，提交数据的时候会用到ajaxSubmit()来提交，ajaxSubmit()提交表单：我们直接通过form表单提交的话，提交后当前页面跳转到form的action 所指示的页面。然而，很多时候我们并不希望提交表单后页面跳转，那么，我们就可以使用ajaxSubmit(obj)来提交数据，ajaxSubmit(obj)是一个插件，ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件，要使用ajaxSubmit(obj)方法就要引用它。
新增页面传来的图片的名称不可以和数据库的名称一致。新增信息的时候对数据进行判断，判断新增的数据是否与数据库里的数据信息重复，如果重复就不让用户新增该信息，并提示用户所新增的数据已经存在，不可以进行数据新增和数据的保存，判断填写的数据是否一致。
在新增图片的时候，会用到byte[],使用前先声明一个byte来保存新增的图片，然后初始化数组的长度，为节省空间，长度由实际上传的图片的长度决定，对图片文件进行读取，将图片转为流结束位置，将流读取为byte[]，byte[]是参数，读取开始位置，读取字节数。
新增和修改身份证号码的时候，要对身份证号码进行判断，验证身份证的正确性，身份证号码有18位数的，也有15位数的，两者都要判断，如果身份证号码错误就提示用户，让用户更改正确后才可以保存数据。如果填写的身份证号码是错误的，当用户填写下一个信息的时候就提示用户身份证号码错误，如果等用户填写完成点击保存的时候才判断出身份证号码有误，这样会浪费用户的时间。

//新增身份证验证
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲IsStudentIDNum"…("#IsStudentIDNum").val());
if (idCard == false) {
layer.msg(“身份证有误，请检查！”);
}
});
//修改身份证验证
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲UsStudentIDNum"…("#UsStudentIDNum").val());
if (uidCard == false) {
layer.msg(“身份证有误，请检查！”);
}
})

上传图片的时候，用到正则表达式来匹配图片，图片文件，正则表达式过滤，onload事件读取文件，绑定新增的图片和修改的图片，将选择的图片显示到img元素，选取选择图片，加载到image标签中。上传图片的时候，对上传的文件进行判断，判断是不是图片，如果不是图片，

将不可以上传，必须是图片才可以上传，当点击上传图片的位置时，打开图片文件，进行图片上传。

//将选择的图片显示到 img元素
function loadImgToEimg(imageFileId) {
//选取选择图片
var imgfFile = $("#" + imageFileId).get(0).files[0];
//加载image标签中
if (!regexImageFilter.test(imgfFile.type)) {
//alert(“选择的不是一个有效的图片文件”);
layer.msg(‘选择的不是一个有效的图片文件’, { icon: 0 });
}
imgReader.readAsDataURL(imgfFile);
}
//打开图片文件选择
function showImageFile(imageFileId) {
$("#" + imageFileId).click();
}

修改信息：数据回填。

在修改信息的时候，进行数据的回填，根据学生ID 查询学生的图片，根据学生ID 筛选学生信息,通过查询表格来判断，判断修改后的数据是否与数据库的重复，根据UserID将需要修改的用户表的数据提取出来，然后进行判断，保存新的用户信息，根据StudentID 将需要修改的学生表的数据提取出来，与学生有关的信息提取出来判断它。提取出图片的信息，存放图片的变量，再读取图片存放入变量。把修改好的学生信息，保存到数据库。当修改的数据与数据库中的信息存在重复，就不可以对修改后的数据进行保存。