(二)新增 和 修改

(一) 新增 和 修改
新增和修改都有个属于它们的模态窗体,在新增的模态框窗体是当你新增时的模态框的样式,在视图页面中写新增的代码先写新增按钮的点击事件要重置下表单新增一个url(相当于路径)新增modal窗体的标题打开modal 并禁用esc退出和点击背景时不关闭动态模态框保存新增获取表单(定义某个变量来获取里面的值)判断字符串不能为空否则就要提醒用户填写完整开启加载层关闭加载层刷新表格关闭模态框
首先我们在HTML代码中编写了两个模态框窗体的代码,一个新增,一个修改,它们两个操作时都是需要弹出模态窗体的
在这里插入图片描述

新增:先把模态窗体弹出,点击新增按钮->弹出模态窗体,我在视图定义一个弹出模态窗体的方法function,在button那里通过一个onclick事件去调用这个方法;给这个button按钮绑定一个点击click事件,
在这里插入图片描述

首先,去获取新增这个按钮,点击按钮,若是弹出模态窗体,表示绑定成功,没有,则表示绑定失败;下一步就是弹出模态窗体,通过onclick去获取在模态窗体;去调用一个 modal这个方法,(调用modal需要引用一个插件bootstrap.min .js);新增:先把模态窗体弹出,点击新增按钮->弹出模态窗体,我在视图定义一个弹出模态窗体的方法function,在button那里通过一个onclick事件去调用这个方法;给这个button按钮绑定一个点击click事件,
在这里插入图片描述

修改:大概操作与新增相似,点击修改按钮,弹出模态窗体时并且把数据查询出来,放到模态窗体里面,填写需要修改的数据,对修改的数据进行保存;(查询数据方法有两种:根据学院id去数据库里面查我要修改的这一条数据,查询好的数据放到模态窗体里面;还有一种方式,获取当前行的数据)。
在这里要注意一个问题,在模态窗体输入数据,然后关闭它,当你在再次打开模态窗体时,数据还在,它并被没有清空,而用户想要的操作是再一次打开模态窗体时,里面数据被清空,一个空的模态窗体,
有一个方法可以解决这个问题。在这里插入图片描述
在这里插入图片描述

重置完表单后,点击保存按钮,进行条件判断,表单数据不能为空,进行保存的一个操作,给它定义一个function,这个方法里面主要是进行一个保存的操作,而我们要去模态窗体里面我们在保存的按钮上添加了一个onclick,通过onclick调用这个方法,获取需要新增的数据,把获取到的数据传给控制器;控制器通过一个方法再传给数据库里面进行新增,我通过post把获取的数据传送到控制器,在post里,第一个参数:URL,具体的位置,
第二个参数:你要传递的参数,以键值对 ;
第三个参数:回调函数;传递数据后,还有去判断传递数据是否完整,再给用户设置一些提示。
新增:在控制器定义一个方法,去接收视图传过来的数据,在方法里面,去实例化数据,在对它进行赋值,赋值之后,就是新增,保存数据完成之后,要判断数据是否新增,数据是否为空/数据是否相同。
在这里插入图片描述

修改:
在控制器定义一个方法,去接收视图传过来的数据,在方法里面,去实例化数据,在对它进行赋值,赋值之后,就是修改,修改数据完成之后,要判断数据是否修改成功,数据是否为空/数据是否修改。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值