在做MVC的项目中,我们经常会对系统进行维护,期间我会不断进行查询、新增、修改、删除,下面我们先简单了解一下。
查询:查看页面中的数据
新增:在原有的数据中进行添加新增数据
修改:修改原有数据再次保存
删除:删除不需要的数据
一、单表单
增删查改都是建立在页面的基础上进行操作的,一般我们在搭配页面时间都会加载一些插件模块进行辅助,以下我们以layui(是一款采用自身模块规范编写的前端 UI 框架)为例。
加载layui我们需要一个定义方便我们调用
如下所示:
var layer, layuiTable;//定义全局变量存放layui的模块
$(function () {
//加载layui的模块
layui.use(['layer', 'table'], function () {
layer = layui.layer;
layuiTable = layui.table;
在这次中我们最为常用的方法渲染
如下所示:
//执行渲染
layuiTable.render({
elem: ‘#tabAirport’,//指定原始表格元素选择器(推荐id选择器)
//height: 315,//容器高度 ,如果不指定就是根据数据的多少自适应
cols: [[ //标题栏
//field 和数据字段对应,title显示的表头,width:指定列宽度
{field: ‘id’, title: ‘ID’, width: 80},
{field: ‘username’, title: ‘用户名’, width: 120}
]],
data;[],//指定本地数据
});
将数据库里面的表的数据引用到表单里面用之后我们需要指定表单的数据格式,然后我们再给数据进行排序:
public ActionResult SelectAirport(int page, int limit)
{
//List<> 泛型
List<S_Airport> listData = (from tabAirport in myModel.S_Airport
orderby tabAirport.airportCode
select tab