单表新增(增)

1.1 在上一篇的(查)已经将数据查询并且显示在页面的表格了。现在就是新增数据,因为有了前提,所以一旦数据新增成功,那么就可以看到数据显示在表格上了。先转到控制器这边来写他的方法,括号放的是那个要查的表。首先ReturnJson是一个已经封装好的类,包涵状态public bool State { get; set; }状态码public string Code { get; set; },文本public String Text { get; set; },附加数据public object Object { get; set; },所以调用这个类再给个名字,而下是它的新增情况的状态,放在外面,减少代码的重复量。

1.2 现在开始第一个判断页面的四个输入框是否有数据,IsNullOrEmpty是空或者模糊值的意思,空则提示‘为空’。如不空,下一步用int类型来接收整个表的全部ID值,而查询判断的是电话号码不能出现重复,第二个判断它是否等于0,不等则大提示‘重复’,如等于则Add保存数据。第三个判断是否保存到数据大于0,等0则提示‘失败’,否则提示为‘成功’,而这里的状态就要为true了,之前都是false。到这里这个新增的方法就弄好了,如下图:
单表新增(增)
1.3 新增方法已经完成后,回到视图调用这个方法。获取新增这个按钮的id,如无则给它一个id,JQuery的获取id方式,然后是它的点击事件。第一步获取Form表单id,表单是包涵有四个数据的,后面则是清空input输入框,然后是它的点击事件,在点击新增按钮的同时也点击到他。第二步是获取到模态框id,它是包涵了表单的,也是新增里面所需的数据,之后就是模态框显示。如下图:
单表新增(增)
1.4 新增的模态框已经打开了。现在就是点击保存按钮了,声明四个变量获取四个输入框的输入内容。之后就是异步提交post,调用控制器新增的方法,然后键(控制器)和值(页面),最后function判断状态,为true则关闭模态框,刷新表格而不是页面,最后弹出成功的提示框。否则弹出失败的模态框。如下图:
单表新增(增)