数据模态框的共同运用

                                       数据模态框的共同运用

开发工具与关键技术：Visual Studio 2015
作者：昨夜星辰
撰写时间：2019年 06月 17日

一、在我们在学习软件开发的时候，经常会遇到一些使用类型相同的代码块，但是这样会增加我们代码开发的速度，下面我就讲讲我为大家简化的代码块的开发简洁，往往简化代码量会让我们的开发速度会提上去，也会让我们的代码实现的功能更加简洁，如果我们只是一如既往的敲代码，而不去更改，那么将毫无意义，要在敲代码的基础上学会思考，然后去实现自己需要更改的功能，不要害怕因为错误而不去实现，要懂得创新的实践，接下就看一下我修改的部分。
二、 下面图片就是我要新增的数据模态框的内容，主要是通过表单开获取数据新增的页面和数据库，然后通过控制器来判断数据来新增数据到页面，在新增员工的标签上面放一个id用来获取标题的名字，方便后面修改模态框的时候来修改数据，然后再from表单里面放一个路径给控制器来写入新增的代码判断和查询内容，给一个隐藏域给它来输入数据，在div放入id，和name来获取数据库的数据，方便后面数据传输。如果修改的模态框是和新增的模态框是一样的，如果是按照我们之前的写法就是要像新增的模态框的写法一样重新写一份一样的代码。这样不但会增加我们开发代码块的开发，还会影响我们开发的速度，而且会让代码块的内容看起来会混乱，接下来就看看我简化的代码块，就是把新增的代码和修改的代码块共用一个模态框。

三、下面数据就是打开新增和修改的模态框，首先来一个function来封装数据，自命名一个名字，用来传输点击事件的名字，然后，重置一下表单，获取模态框标题的id，通过id修改标题的名字，最后通过表单值传输控制器的判断数据代码，，最后就是打开模态框的代码，下面就是修改的代码，用一个function来封装数据，然后获取需要修改表格的ID，重置表单的名字，更改标题的名字，通过获取新增的模态框来传输数据，来写入判断修改数据的代码，然后查询新增后需要修改回填到页面的代码，通过一个post请求来传输控制器的代码，将表格需要修改的数据赋值到数据库里面的数据ID，修改数据，把其它的表单数据回填到页面。

四、 最后就是保存数据，获取页面的数据，然后判断数据的完整性，否则就提示请把数据填写完整，打开保存的加载层，提交表单，判断数据是否正确，如果成功就关闭加载层，判断新增成功就关闭模态框，提示信息，最后刷新表格，一个模块就这样可以了。