分頁查詢
1、分頁查詢
前臺：① 發送請求，需要傳遞兩個引數：一個page(當前頁碼)，一個limit(分頁大小)
② 設定回呼（接識訓傳的資料，對資料進行處理）
注意：分頁的兩個引數一個都不能少
后臺：① 接收引數，對引數進行處理，因為需要計算分頁查詢時需要跳過的資料的數量
② 對查詢的資料進行排序，注意：分頁前一定要先排序
③ 通過page與limit對資料進行分頁查詢（核心）
④ 構建回傳資料，前臺需要什么形式的資料，后臺就回傳什么形式的資料
⑤ 回傳資料
例：前臺使用layui進行表格渲染
表格資料如下：
表名：S_CabinType
cabinTypeID cabinTypeCode cabinTypeName basisPrice discountRate
1 F 頭等艙 1790.00 1.50
2 Y 經濟艙 1190.00 1.00
3 K 經濟艙 1130.00 0.95
4 B 經濟艙 1070.00 0.90
5 E 經濟艙 1010.00 0.85
6 H 經濟艙 950.00 0.80
7 L 經濟艙 890.00 0.75
8 V 公務艙 600.00 0.50
前臺代碼：
HTML：<table id=”tabCabinType” layui-filter=”tabCabinType”></table> //需要渲染的元素
JS：var layTable,tabCabinType;
$(function(){
//加載layui模塊
layui.use(‘table’,function(){
layTable = layui.table;
//表格渲染
layTable.render({
elem:’#tabCaibnType’,//需要渲染的元素
url:’/Main/SelectCabinTypeInfor’,//請求路徑
cols:[[//渲染表頭行以及資料
{ title:’序號’,type:’numbers’,align:’center’ },
{ title:’艙位代碼’,field:’cabinTypeCode’,align:’center’ },
{ title:’艙位名稱’,field:’cabinTypeName’,align:’center’ },
{ title:’基礎價格’,field:’basicPrice’,align:’center’ },
{ title:’折扣率’,field:’discountRate’,align:’center’ }
]],
page:true,//開啟分頁
limit:5//分頁大小
)};
)};
)};
說明：使用layui渲染表格，發送請求時會默認傳遞兩個引數，一個是page(當前頁碼)，第一次渲染
時為1，不可以設定，limit(分頁大小)，默認為10，如果設定limit，那就是設定的值
后臺代碼：
public ActionResult SelectCabinTypeInfor(int page,int limit){
//計算分頁的開始位置索引
int startIndex = (page - 1) * limit;
//分頁查詢
List<S_CabinType> listData = (from tabCabinType in myModel.S_CabinType
orderBy tabCabinType.cabinTypeID
select tabCabinType).Skip(startIndex)//分頁的開始位置索引
.Take(limit)//提取資料的量
.toList();//構建串列
//資料總數
int count = myModel.S_CabinType.Count();
//構建回傳資料，前臺需要什么樣的格式的資料，后臺就回傳什么樣的格式的資料
return Json(new {
code = 0,//狀態，可有可無
Msg = “”,//訊息，可有可無
count = count,//資料總數，必須要傳
data = listData//分頁后的資料，必須要傳
},JsonRequestBehavior.AllowGet);
}
結果：這里不以圖片的形式展示，其實就是下面表格的樣子
序號 艙位代碼 艙位名稱 基礎價格 折扣率
1 F 頭等艙 1790.00 1.50
2 Y 經濟艙 1190.00 1.00
3 K 經濟艙 1130.00 0.95
4 B 經濟艙 1070.00 0.90
5 E 經濟艙 1010.00 0.85
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/13702.html
標籤：非技術區
上一篇：資料的增刪查改
下一篇：使用NPOI進行資料匯出