~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:周乐献
撰写时间:2020年8月8日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
在MVC.NET中单表查询的方法:
构建的显示数据的页面
<h4 class="text-center py-3">学院信息</h4>
<div class="content py-3">
//table表格用来存放查询到的学院信息
<table id="tbFaculty" lay-filter="tbFaculty"></table>
<p class="text-muted text-center my-4">国际布之名大学</p>
<div class="row">
<div class="col-12 text-center">
<div class="btn btn-outline-primary " onclick="openInsertFaculty()">新增学院</div>
</div>
</div>
</div>
//layui插件来渲染table表格
方法渲染:
<script>
$(function () {
layui.use(['layer', 'table'], function () {
layer = layui.layer;
layuiTable = layui.table;
TableFaculty = layuiTable.render({
elem: '#tbFaculty',
url: '/college/SelectAcademy',
cols: [[
{ title: '序号', type: 'numbers' },
{ title: '学院名称', field: 'facultyName', align: 'center' },
{ title: '学院编号', field: 'facultySite', align: 'center' },
{ title: '学院地址', field: 'facultyCode', align: 'center' },
{ title: '操作', templet: handleFaculty, align: 'center' }
]],
page:true,
})
})
});
</script>
在控制器中查询学院表,然后返回查询到的数据到页面
public ActionResult SelectAcademy(LayuiTablePage layuiTablePage)
{
//查询学院表,用学院ID来进行排序
var dbAcademyt = from tbAcademy in myModel.S_Academy
orderby tbAcademy.facultyID
select tbAcademy;
//获取查询到的学院信息中条数
int academyCount = dbAcademyt.Count();
//对查询到的数据进行分页操作(在分页之前一定要对查询到的数据进行排序)
List<S_Academy> listAcademy = dbAcademyt.Skip(layuiTablePage.GetStartIndex()).Take(layuiTablePage.limit).ToList();
//把数据转换成layui能够接收到的类型
LayuiTableData<S_Academy> layuiTableData = new LayuiTableData<S_Academy>()
{
count = academyCount,
data = listAcademy,
};
//返回数据
return Json(layuiTableData, JsonRequestBehavior.AllowGet);
}
查询出的结果