根据需求进行批量新增
……………………………………………………………………………………………………………
开发工具与关键技术:Adobe
Dreamweaver CC 2017 JS
作者:林敏静
撰写时间:2019年7月3日
……………………………………………………………………………………………………………
批量新增相信大家用得并不少,最近我做的一个测试亦涉及到批量新增,如下图,有楼层和房间区域,那我们就是要根据输入相应的数量进行批量新增楼层和房间,也就是说这里是根据需求去进行批量新增。(因为主要是测试这个批量新增功能,没有涉及到数据库,所以就直接在DW写代码了。)
下面我们来看实现这个功能的代码,如下图,这里用的是For循环去进行新增,根据实际需求来说,一个楼层里可以有多个房间,所以先去新增楼层,获取到要新增的楼层数,进行循环新增,等达到所需楼层数跳出循环后再同理根据所需房间数执行新增房间。
我们来到页面上看一下实现的效果,如下图,要新增3个楼层,然后每层楼要新增3个房间,点击添加,下面楼层和房间相对应的区域就有相对应的新增。当然我们也可以有所创新,比如说每个楼层新增的房间数目不一样,这里就不多说了,过后可以去尝试一下。
最后分享一下我在做这个测试的时候遇到的小状况,如下图,需要新增的房间数目是2,但是我点击添加的时候新增的房间却有三个,按道理来说,它新增2个之后就应该跳出循环了的,我以为是在新增房间的时候的循环出了问题,一直执着在循环新增房间的那条代码那里修修改改,发现怎么都不对劲。
后来发现并不是新增房间的代码出了Bug,如下图,原因是我自己在调试新增楼层的过程中把房间放了进去,是为了看一下效果和调整一下样式,但是调试完后我没有把它删!掉!继而下面做房间新增的时候出现了刚刚说的那种状况,回想都觉得自己既粗心又好笑,希望同学们千万别犯我这种低级性的错误。
那么本篇学习文章就分享到这里啦!若有不足的地方,还望请多多指教!