数据新增页面处理

---

开发工具与关键技术：vs2015 多条件查询
作者：懒惰的睿智
撰写时间：4.27

Mvc.net,数据的新增，在新增前需要知道要新增什么表向数据库中写入什么数据，里面包含了什么信息，我们需要对数据进行处理。下面我们新增一个表到数据库中，所需要的页面信息处理
如果我们要新增一个表，例如说（员工表）。操作步骤如下

页面操作流程：
1、新增点击事件–>新增模态框弹出，form表单重置。
2、页面新增保存方法，
2.1、获取页面数据，数据的信息（员工的详细信息）。
2.2、页面新息验证，对用户提交的数据进行判断，确保数据的正确。
2.3、用户输入数据的完整性判断。
控制器操作：获取页面输入的数据，验证（判断）用户输入的数据是否已经存在。

页面数据处理
1、这里是页面操作，在页面找到新增按扭，绑定鼠标点击事件。点击事件触发新增模态框弹出，把页面弹出的模态框进行重置。为什么要重置表单。因为如果不重置表单的话。连续新增表单，页面会保留上一次用户输入的内容的。（不重置表单，会有可能泄露用户信息）

2.1、要新增数据，我们需要获取用户页面输入的数据，下面是一个简单的页面数据获取方法，var后的是我们给她的命名，后续会用到她进行数据判断。$(“#modalEmployee[name=’employeeID’]”)这里的代码是：jquery选择器选择到modalEmployee里name叫employeeID的值，便可以获取里面的值。
2.2、在获取到页面数据后，我们需要对页面数据进行判断，因为数据库里存入的数据有不同的数据类型，因为我们需要正确的数据。如果没有对数据进行处理，当数据传到数据库的时候，就会出错存不进去，我们要避免这种情况。如果获取到的数据是用户乱输的，那么获取到的数据将没有任何意义。

判断（验证）：
一般来说部门是汉字的，但也可能存在英文或者数字，（什么部、部门几号）这里我使用正则表达式来进行匹配（中文，数字，字母）。这里判断并不严谨，我这只是一个简单的判断。在下图中我除了要验证部门外还需要对员工的联系方式进行验证。同样是使用正则表达式，已经有人做好的手机号码验证了，这里用的是别人总结好的正则表达，我就不自己想了，说倒底就是懒。代码这里就不贴了，结构与上面的部门验证一致。

数据完整性验证
下一步，就是要验证数据完整性，对页面输入的数据的完整性判断。因为我这里是单表数据的新增，员工id在页面的时候是隐藏的，所以我页面上没有给对id进行判断。Id是控制器新增员工的时候，以她的主键作为id的，这里不需要进行判断。那页面存的数据除了员工id便是我们需要的（部门，员工姓名，电话，以及家庭地址），上面第2部分，我们已经对用户输入的数据（类型）进行了判断，这里只需要让（员工的信息）不能为空即可。代码中的！代表着非，也就是不的意思。
3.1、这里我们用if—else进行判断，如果判断通过，打开加载层，（否则不进行其它操作，并提示用户请填写完整数据）
3.2、如果页面数据通过数据完整性的验证，打开加载层屏蔽用户操作。（避免用户提交数据表单时，因网络延时致页面无响应，下意识反复点击鼠标造成多次数据提交）用ajaxSubmit提交formEmployee表单。（在控制器处理完form表单的时候会向页面返回状态，文本信息）页面接收控制器返回的数据状态，关闭加载层，如果控制器返回的数据状态是通过的，那我们就关闭模态框，将新增成功的信息告诉用户，layer.msg(returnJson text) text的文本信息是：新增成功。然后刷新表单。

$(“#formEmployee”).ajaxSubmit(function(returnJson){}) 的提交方法需要引用(jquery.form.min.js)脚本。
总结：页面处理，从页面数据的获取，对每一项数据的类型验证，对数据完整性的判断。一切都是为了能真实完整地将数据录人。每一项验证完后，如果数据不符合，需向用户返回文本提示信息，明确告知用户你要获取的是那一类的数据，对不符合要求的需要提示她，你当前的输入的是不对的。除了对个别重要数据的甄别判定（可用正则表达式来对邮件信息，电话信息等进行验证），还需要对数据完整性进行判断，如果录人的信息是不完整的也是不行的。只有反复的对数据进行判断，必要时可在控制器进行二次判断，确保数据录入的完整性。