asp.net core mvc 三、增删改数据【干货教程】

三数据的增删改查

实现思路在Controller里面增加两个页面分别是 List 和 Edit

对应的增加两个试图

视图中的核心代码

</form>
</div>
</div>

<table id="dataTables" name="dataTables" class="table table-striped table-bordered table-hover">
</table>

……

js代码

//根据ID获取某条数据填充到form里面

$.ajax({
url: "@Url.Action("GetMessById", "Users")",
type: "GET",
data: { id: sID },
dataType: "json",
success: function (data) {
$('#divForm').formEdit(data);
}, error: function (data) {
alert("error:" + data)
}
});

//全部数据加载到 table里面

$("#dataTables").bootstrapTable({
url: '@Url.Action("GetAllMess", "Users")',
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
sortable: false , //是否启用排序
pagination: true, //是否显示分页（*）
pageNumber: 1, //初始化加载第一页，默认第一页
pageSize: 15, //每页的记录行数（*）
pageList: [1, 10, 25, 50, 100], //可供选择的每页的行数（*）
sidePagination: "server", //服务端处理分页
search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
columns: [
{ field: 'Users_ID', title: 'ID', width: '200', halign: 'center', align: 'left', sortable: false },
{ field: 'userName', title: '名称', width: '200', halign: 'center', align: 'left', sortable: false },
{ field: 'loginName', title: '登录名称', width: '200', halign: 'center', align: 'left', sortable: false },
{
title: '编辑',
formatter: function (value, row, index) {
var url = '<input type="button" data-toggle="modal" style="cursor:pointer" data-target="#editModal" οnclick="checkAct(' + row.Users_ID + ',false)" value=" 编辑" />     <input type="button" οnclick="confirm(\'你确定要删除本行吗?\')?deleteRow(' + row.Users_ID + '):deleteRow(0)" value=" 删除" />';
return url;
}
}]
})

//根据查询条件刷新table
function searchAll() {
var url = '@Url.Action("GetAllMess", "Users")?name='+$("#txtSearch").val();
var opt = {
url: encodeURI(url),
cache: false,
query: { type: 1, level: 2 }
};
$("#dataTables").bootstrapTable('refresh', opt);
}

//删除某条数据

//删除行
function deleteRow(rowId) {
if (rowId == 0) return;
$.ajax({
url: "@Url.Action("DoDelete", "Users")",
type: "POST",
data: { id: rowId },
success: function (result) {
if (result == "success") {
var urlTemp = '@Url.Action("GetAllMess", "Users")';
var opt = {
url: encodeURI(urlTemp),
cache: false,
query: {
type: 1,
level: 2
}
};
$("#tables").bootstrapTable('refresh', opt);
} else if (result == "validateError") {
$("#mess").html("删除失败！");
}
}
});
}

Controller 里面的核心代码

/// <summary>
/// 添加数据
/// </summary>
/// <param name="obj"></param>
/// <returns></returns>
public async Task<string> DoAdd(Usersobj)
{
conObj.Add(obj);
await conObj.SaveChangesAsync();
return "success";
}

/// <summary>
/// 修改数据
/// </summary>
/// <param name="obj"></param>
/// <returns></returns>
public async Task<string> DoUpdate(Usersobj)
{
conObj.Update(obj);
await conObj.SaveChangesAsync();
return "success";
}

/// <summary>
/// 删除数据
/// </summary>
/// <param name="id"></param>
/// <returns></returns>
public async Task<string> DoDelete(int id)
{
var obj = await conObj.Users.FindAsync(id);
conObj.Users.Remove(obj);
await conObj.SaveChangesAsync();
return "success";
}

/// <summary>
/// 获取指定ID数据行
/// </summary>
/// <param name="id"></param>
/// <returns></returns>
public async Task<JsonResult> GetMessById(int? id)
{
if (id == null) return null;
var obj = await conObj.Users
.FirstOrDefaultAsync(m => m.Users_ID == id);
if (obj == null) return null;
return Json(obj);
}

/// <summary>
/// 获取全部查询信息
/// </summary>
/// <param name="txtSearch">查询条件</param>
/// <param name="offset">页数，从0开始</param>
/// <param name="limit">载量</param>
/// <returns></returns>
public async Task<JsonResult> GetAllMess(string txtSearch, int offset, int limit)
{
List<CustGroup> list;
if (string.IsNullOrEmpty(txtSearch))
list = await conObj.CustGroup.ToListAsync();
else
list = await conObj.CustGroup.Where(p => p.GroupName.Contains(txtSearch)).ToListAsync();

return Json(Tools.Page<CustGroup>(limit, offset, list));
}

asp.net core mvc 三、增删改数据【干货教程】

相关推荐