最近在開發(fā)過程中經(jīng)常用到分頁，今天擠出些時(shí)間來捋一捋自己的經(jīng)驗(yàn)

門頭溝網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)建站從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

在web開發(fā)中，一般顯示數(shù)據(jù)列表頁時(shí)，我們會(huì)用到分頁控件來顯示數(shù)據(jù)。采用分頁一般基于兩種不同的需求，一種是數(shù)據(jù)量不算很大，但是在頁面展示又顯得過長(zhǎng)，看起來很不舒服。一種則是因?yàn)閿?shù)據(jù)量太過于龐大，無法一次性去數(shù)據(jù)庫將數(shù)據(jù)讀取出來，于是采用分頁的形式去將數(shù)據(jù)分頁顯示出來。

前者即所謂的前端分頁，而后者就是服務(wù)端分頁。

兩者的區(qū)別在于：前端分頁是將所有數(shù)據(jù)取出，為方便用戶查看，合理展示數(shù)據(jù)。在前端js上對(duì)數(shù)據(jù)進(jìn)行分頁。而服務(wù)端分頁是根據(jù)當(dāng)前頁面要展示的內(nèi)容，通過前端傳入的參數(shù)，獲取對(duì)應(yīng)頁面的數(shù)據(jù)進(jìn)行展示。簡(jiǎn)而言之就是前端分頁是在前端對(duì)數(shù)據(jù)進(jìn)行分頁，服務(wù)端分頁這是在后臺(tái)對(duì)數(shù)據(jù)進(jìn)行分頁。

下面分別展示下使用layPage分頁控件兩者的用法
假設(shè)后臺(tái)返回的數(shù)據(jù)對(duì)象如下：

public class people{
 public string name{get;set;}=string.Empty;
 public int age{get;set;}=0;
}
//獲取的數(shù)據(jù)是
List plist;
//JsonConvert.SerializeObject()為序列化對(duì)象
return Json(JsonConvert.SerializeObject(plist));

1.前端分頁

//引用分頁控件

2.服務(wù)端分頁：前端傳入當(dāng)前頁碼、顯示數(shù)量等請(qǐng)求數(shù)據(jù)，后臺(tái)數(shù)據(jù)庫根據(jù)分頁數(shù)據(jù)獲取對(duì)應(yīng)的數(shù)據(jù)。即數(shù)據(jù)庫分頁查詢

//引用分頁控件

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。