新增数据

新增

开发工具与关键技术：
作者：熊琪
撰写时间：2019.04.16

首先介绍一下什么是新增，新增就是在原有的数据中插入一条或多条数据。新增的基本思路就是首先可以在页面上添加新增的一个按钮，然后在通过按钮跳转到新增的页面上，这里可以通过模态框来实现就不用另外跳转了，（模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗户可提供信息交互等。）跳转完之后就是输入要新增的数据，输入完则是新增保存于数据库。
首先在页面写入模态框的css样式,得到效果图一：
（图一）
然后在页面上写入打开新增模态框的方法，在新增按钮上添加个“openInsert()”
这样的一个onclik事件，然后方法中写入一个重置表单这里涉及到一个reset选择器，选择器选取类型为的 reset 和 元素。方法代码图：

接着分别给页面上的人物名称中的input标签一个ID，以便于后面获取页面的数据。然后就是开始写新增的方法首先可以是自定义一个类并写入相应方法，开始将自定义一个参数来充当页面需要添加的数据并放入括号中，将之前的一个类主要是用来什么状态，状态码，文本，还有附件数据这些操作，实例化类先，然后开是判断页面数据是否为空，首先判断表中的AcademeCode，和AcademeName是否为空，代码图：

然后用一个int 类型来接收在页面上输入的数据与数据库原有的数据相同的条数，当你判断重复的数据等于零时那么就证明在页面数如的数据是一条新的数据，所以就开始添加，代码写法：myModel.SYS_Academe.Add(sysAcademe);然后接着判断将要保存于数据库的数据大于0那么就出现提示这里就用到了封装的类中的方法，状态为true,并且出现提示框保存成功，相反则是保存失败，代码图：

同样的当之前获取的重复的条数不为零时那么也就是有重复的数据，在这时候需要的提示是’和以前的数据重复’，接收的状态为false,相同的最先判断的页面的数据是否为空，不为空的情况以上已经输出，当为空时同样提示‘传输的数据为空’，其中接收判断是否数据重复代码图：

写完方法判断接着最后就是在视图中自定义JS中写入保存新增，先在保存按钮上写入点击事件如图：
然后就是写点击后的方法，首先是声明参数来获取页面输入框input标签中输入的数据，获取完就开始判断,判断人物名称不等于空，不等于Undefined,人物代号不等于空，不等于为Undefined, 否则相反则是其中有接收的条件为空了所以弹出提示框提示“请填写完整”。
接着就是用post提交请求在控制器中写的新增方法，并将声明的参数于方法中的相对应。方法判断完返回到试图，关闭模态框并且刷新表格。相关代码如图：