下面我们来看一下如何在表格上新增数据。
我们主要会用到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就大功告成了,这样新增的效果就完成了。如图:
新增表格数据
最新推荐文章于 2022-12-06 10:30:13 发布