页面新增数据

页面新增数据

开发工具与关键技术：Visual Studio 2015 MVC
作者：郭海明
撰写时间：2019年7 月 5日

给大家分享一个做项目遇到的一个页面新增数据的方法，首先我们先用数据表格将要查询的数据查询出来，

我们可以在页面上添加一个新增的按钮或者新增的图片，这里我使用的是图片，
当我们点击上方的加号按钮，就直接跳转的新增页面。
新增页面里面写好数据的下拉框的ID或要添加表字段的name，

使用封装好的appendOption为下拉框添加选项，该方法通过对页面的下拉框ID进行绑定，然后去调用控制器的查询下拉框的方法。下拉框全部显示出来之后，我们在添加字段的input文本框里面添加一个name，在页面上的文本框上填写数据，然后我们添加一个保存按钮，给保存按钮一个onclick，然后给这个保存按钮一个点击的事件。

获取到我们下拉框选择到的ID值，以及字段input的name值，

判断数据是否为空，如果为空则提示用户将数据填写完整，如果ID不为0，或者字段不为空的字符串的话，则继续执行事件，获取到form表单的ID，然后通过post，将数据传送到控制器的方法。
接下来我们就需要到控制器里面添加新增数据的方法。
![在这里插入图片描述

首先给这个方法一个参数，这里我们给的是视图里面传来的form，实例化Returnjson。
然后将页面上填写的数据获取出来。

然后将数据赋值给数据库里面对应的ID和字段

数据库的表Add添加，数据库发生变化，就可以就可以提示一个Text“该学生的数据新增成功”来告诉用户，该信息有效并且新增成功了。

回到页面使用该方法，那么新增数据就成功了。