新增,删除,修改,查询,是在编程的过中必不可少的因素,那么今天就来说是新增。
新增相信再很多地方都会出现,比如说新增一条信息,新增一张图片等等,那么就下来就用以下例子来实现一个简单的新增数据过程。
首先则是定义好的页面信息。
那么当点击新增数据这个按钮的时候,则会弹出一个新增模态框给我们填写数据执行新增,
所以这时候则需要给这个按钮书写一个方法。
点击的时候就会触发以下方法,也就是打开一个模态框。
以下是定义好的模态框
那么接下来就是当我们填写数据点击保存的时候就会执行新增操作。也就是需要给保存写一个方法。
这个方法就是,首先获取到我们输入的数据,然后再把数据提交给到控制器那边定义好的方法,delectDATA是控制器这边定义好的方法。
新增数据的时候我们需要做验证,,第一步就是验证有没有传数据过来,传过来的数据是否为空,如果不为空的话则验证新增的数据有没有和以前的数据有冲突,,如果有则通过回调函数进行提示,如果没有则进行新增数据操作。
那么书写好代码之后我们就可以再新增模态框里面填写数据了。
填写完数据之后再点击保存按钮。
可以看到,当点击保存的时候,已经提示了新增成功,同时新增的数据也显示在了列表里面。
那么以上就是一个简单的数据新增例子。希望以上内容对您有所帮助。