MVC的增删查改

刚做完asp.net MVC项目,该项目最基础的就是“增删查改”,这里一共有四个功能,查询、新增、修改、删除,
下面是使用asp.net MVC软件完成的项目(飞机订票系统),
Layui:layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年金秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。
1.查询
查询数据之前都需要先把“表格”渲染出来,渲染的方法有很多种,我使用的是插件“layui”,因为layui插件里有很多功能
MVC的增删查改
表格渲染,首先要加载需要的模块
MVC的增删查改

下面到表格渲染日期控件,不熟悉数据表格渲染的,可以网上查找layui,里面有很多功能,希望能帮助各位日后的项目开发
MVC的增删查改

看不懂的,可以查查layui里面的基础参数一览表、表头参数一览表
Layui里面的基础参数一览表
MVC的增删查改

Layui里面的表头参数一览表
MVC的增删查改

然后通过url发送的请求去到该区域下控制器的方法处,先写一个方法,方法名要与路径请求的方法名要一致,然后就通过linq的写法来查询出想要的数据(查询的方法有两种,linq与lamoda表达式)MVC的增删查改

然后通过多重判断,再使用自定义类LayuiTablePage将数据分页,以及LayuiTableData将查询出的数据总行数,以及前面分页完成的数据分别赋值给需要的变量,最后通过return将查询出的数据返回给视图。

2.新增
在写JavaScript代码前,必须要在上面的HTML布局内先设置出新增的模态框。
而修改和新增是可以共用一个模态框的,但是在打开模态框前要重置表单,不然很容易报错,新增与修改的标识设置为新增,不过要声明一个用于标识新增 还是 修改 true:新增 ,false:修改,然后把标题设置为“添加航班”(没有强迫症烦恼的可以忽略这一步,这是修改的必要步骤),最后在通过modal的方法打开模态框
MVC的增删查改
再经过一系列判断将模态框内的各个输入框、单选框、复选框、日期控件限制输入
由于判断太多我就截取其中的三个例子
MVC的增删查改

然后通过post发送请求
MVC的增删查改

请求数据的方法有get、post、getJSON和ajax这四个异步请求,通常都用post请求
语法:
$.post("url"请求路径,{需要查询的数据,以键值对来传输},function(控制器查询返回的全部数据){回调函数});
MVC的增删查改

发送完数据请求就来到控制器,创建一个方法名和请求路径上方法名一致的方法
然后通过层层判断排除与查询出需要新增的数据进行新增操作。由于涉及到多表查询,
所以要记得在查询判断前开启事务,最后再将需要新增操作的数据返回到页面
由于代码量过多便不截图后面条件不成立的else代码
MVC的增删查改

Try语句是用来监视,自身包含的代码,如果里面的代码出错,它会立马报错,有利于数据库里的数据的保护,
其实核心语句就几句,不过为了项目的正常使用,该使用判断就必须判断,一句也不能少。
最后把数据传到post请求的回调函数作为参数,再通过判断传过来的数据的状态重新调用查询按钮来刷新表格以及隐藏模态框便新增完成。

3.修改
修改操作原理和新增基本一样,不同的是修改比新增多了数据回填操作。
回填操作需要先获取到模态框的各个id,通过id选择器选择到,然后设置value值,把post请求在控制器请求到的数据对应放到相应的val()中。

步骤:首先请求服务端获取被修改航班信息,设置模态框,数据回填
MVC的增删查改

数据会填完后,显示模态框。
修改数据,向控制器发送请求,
MVC的增删查改

发送完数据请求就来到控制器,创建一个方法名和请求路径上方法名一致的方法
然后通过层层判断排除与查询出需要新增的数据进行新增操作。由于涉及到多表查询,
所以要记得在查询判断前开启事务,最后再将需要新增操作的数据返回到页面

4.删除
删除部分的,就简单了,通过id获取到删除按钮点击事件,然后在删除自定义列内的button标签中的点击事件方法中拼接上后面需要查询的表的id,然后把这个id以参数传进删除点击事件中,在使用layui中的layer弹出层组件中的confirm方法弹出询问框。
语法:
layer.confirm(‘提示的文本’,{提示的样式},function(开启询问框的变量){回调函数});
然后在这个回调函数中向控制器发送post数据请求。
MVC的增删查改

发送完数据请求就来到控制器,创建一个方法名和请求路径上方法名一致的方法
然后通过层层判断排除与查询出需要删除的数据进行删除操作,最后再将需要
删除操作的数据返回到页面。
MVC的增删查改

最后把数据传到post请求的回调函数作为参数,再通过判断传过来的数据的状态重新调用查询按钮来刷新表格,删除完成。