VS中的新增、修改、删除

本次任务完成时间:2019年06月 8日
开发工具与关键技术:Visual Studio 2015 和 VS中的新增、修改、删除
VS中的新增、修改、删除   

VS中的新增、修改、删除
本章内容是如何在页面上实现新增、修改、删除的操作,我们如果需要新增、修改、删除数据,就直接去数据库里面进行新增、修改、删除这些操作,但是你不可能每次去操作数据库,所以我们就在页面上编写了新增、修改、删除操作。
首先我们在HTML代码中编写了两个模态框窗体的代码,一个新增,一个修改,它们两个操作时都是需要弹出模态窗体的,在最外层分别放置了一个ID,是为了更方便去获取模态窗体,另外就是一些表单的布局
在这里插入图片描述
新增:先把模态窗体弹出,点击新增按钮->弹出模态窗体,我在视图定义一个弹出模态窗体的方法function,在button那里通过一个onclick事件去调用这个方法;给这个button按钮绑定一个点击click事件,
首先,去获取新增这个按钮,在新增按钮给了它一个ID,获取这个ID,(在jQuery中id选择器,是通过一个#符号去获取),测试它是否绑定成功,给它一个提示框alert(23),点击按钮,若是弹出提示框,表示绑定成功,没有,则表示绑定失败;下一步就是弹出模态窗体,通过id选择器去获取在模态窗体放置在最外层的id;去调用一个 modal这个方法,(调用modal需要引用一个插件bootstrap.min .js);
在这里插入图片描述
再去页面查看模态窗体是否弹出成功;
在这里插入图片描述
在这里要注意一个问题,在模态窗体输入数据,然后关闭它,当你在再次打开模态窗体时,数据还在,它并被没有清空,而用户想要的操作是再一次打开模态窗体时,里面数据被清空,一个空的模态窗体,
有一个方法可以解决这个问题,表单的重置,在模态窗体的HTML代码中

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值