开发工具与关键技术:vs asp.net mvc
作者:修
撰写时间:2019.6.25
页面的修改与保存修改功能主要是讲页面部分的代码,首先是写完控制器的代码,接下来就是搭建你要修改的数据的页面如图一:
图一
图一就是我要修改数据搭建好的页面也就是修改数据的模态框,写好修改数据的HTML的代码也就是修改的模态框,接下来就是写打开修改模态框与回填下拉框数据的代码了如图二:
图二
图二这个方法主要是用一个方法来将打开修改数据的代码包装起来然后调用这个修改的方法就行了,而这个方法里面的代码的意思是:首先是重置表单,重置表单是为了防止下一次查询数据的时候查询模态框里保存着上一次查询数据的数据,然后就是用post请求回填数据了,也就是打开修改模态框的时候,回填修改前的数据也就是你要改的数据都填写在对应的地方去,就像图一里面的数据那样,就是回填数据,然后就是打开修改模态框的代码了,写完页面的修改模态框和数据回填的代码接着就是保存修改的方法了如图三:
图三
图三这里面的代码是保存修改部分的代码,保存修改也是用一个方法把关于保存修改部分的代码给封装起来的,如图三中var EmployeeNumbers = $("#formUpdateExaminess [name=’EmployeeNumbers’]").val();这句代码的意思是获取修改模态框里面的数据,也就是编号,而姓名、部门和职业也是这样获取的,那么接下来就是写修改的条件了,也就是判断修改数据不能为空,担然不能为空的部分你自己可以随便设置,判断修改部分的数据是否满足图三中的条件,如果满足那么就是传数据了,图三中是用post请求来给控制器那边传你修改数据的那些数据给传到控制器那边然后在控制器中写代码了,然后就是给数据库赋值,也就是EmployeeNumber: EmployeeNumbers,这样的代码,它的左边是数据库中的字段,右边的是页面的字段,当然后面还有。然后就是判断data的状态,如果data的状态等于true,那么接着就是关闭加载层了,接着就是关闭修改模态框,然后就是提示了,最后就是刷新表格了,这样页面部分的修改与保存修改的代码也就完成了。而图四就是它的3效果,由图一可以知道员工信息表里的部门和职业分别是前厅部和咨客然后我把它的部门和职业改成了服务部和服务员也就是图四中画有红线的部分。
图四