我们先讲讲新增的基本步骤吧
新增的步骤:
1.是先获取到页面上我们填入的值,然后判断是否填写完整,接着就提交数据到控制器。
2.接收数据,然后判断数据是否填写完整,接着就是去重复,然后保存进数据库。
写法可以有很多种,但是这些基本步骤不会变,那我就来举个例子吧。当你页面上需要填写很多数据时,你就不要再一条条这样的去获取了,很费时,也很麻烦,一不小心还会导致字段名出错。如图所示
然后我们就可以用序列化的方法来获取页面上的数据,这样代码量就会大大的减少。
那我们就讲讲这个方法怎么去使用,如图所示,我们先声明一个变量,然后去我们的HTML里面找到我们form表单的ID,然后调用serializeArray这个方法。然后我们再创建一个对象,遍历一下数据,classData要遍历的数据 index, value index是索引 value是对应的值。
我们可以输出一下,看看序列化获取到数据没有,如图所示:
然后就是判断数据是否填写完整,由于我们数据太多了,我们这个写一个方法来减少我们的代码量,如图所示:
然后就可以判断数据了:
如果满足要求就将数据传给控制器,如图所示:
如果不满足要求就直接弹出一个提示框,如图所示:
然后控制器的话不会有太大的出入,还是接收数据,然后判断数据是否填写完整,接着就是去重复,然后保存进数据库。