新增表格数据

下面我们来看一下如何在表格上新增数据。
我们主要会用到Add()方法和SaveChanges()方法,
前者是用来在数据库中插入数据,后者是用来将所有更改的内容保存到数据库中。
知道了Add()方法和SaveChanges()方法的作用后,我们接下来开始编写新增的代码,
我们要先把相应的数据库引入,然后再创建视图,再编辑完表格后,我们来进行新增代码的编写:
首先我们运用Bootstrap插件里的模态弹出框模板将新增的模态弹出框制作好,如图:
在这里插入图片描述
注:openA()为新增按钮上的点击事件。A为新增模态框的id。
然后我们为A_2创建一个点击事件,然后获取到新增模态框的表格中所有相关的内容,
再判断所有获取到的内容不为空,若有一项为空则弹出提示框提示“数据不完整,请检查后再提交。”,如图:
在这里插入图片描述
若不为空,则通过post()方法以键值对的形式传递数据,
传递路径为Home控制器下的AddStudentInfor,传递方式为post,
然后回调msg1,为A_1下的input标签里type属性的属性值为reset的标签添加点击事件,
最后再通过window.location.reload()重置表单,避免下次模态框弹出时还留有上次的数据。
代码如图:
在这里插入图片描述
注:A_1为新增模态框里的form表单。
接下来是控制器部分:首先设置一个类型为字符串的变量str1为空,然后再通过实体类从页面接收数据,并判断所有数据不为空,若有一项为空则str1输出“新增的数据不完整,请填写完成后再次提交。”,如图:
在这里插入图片描述
注:下图的代码写在上图的空白花括号中。
再判断数据完整后再通过Add()方法将接收到的数据插入数据库,
并通过SaveChanges()方法将所有变更的数据保存到数据库中,
若变动的数据大于0则str1输出:“新增成功。”,反之则str1输出:“新增失败。”。如图:
在这里插入图片描述
最后再返回变量str1就大功告成了,这样新增的效果就完成了。如图:在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值