基于layPage插件实现两种分页方式浅析
(编辑：jimmy 日期: 2025/1/14 浏览：3 次 )
最近在开发过程中经常用到分页，今天挤出些时间来捋一捋自己的经验
在web开发中，一般显示数据列表页时，我们会用到分页控件来显示数据。采用分页一般基于两种不同的需求，一种是数据量不算很大，但是在页面展示又显得过长，看起来很不舒服。一种则是因为数据量太过于庞大，无法一次性去数据库将数据读取出来，于是采用分页的形式去将数据分页显示出来。
前者即所谓的前端分页，而后者就是服务端分页。
两者的区别在于：前端分页是将所有数据取出，为方便用户查看，合理展示数据。在前端js上对数据进行分页。而服务端分页是根据当前页面要展示的内容，通过前端传入的参数，获取对应页面的数据进行展示。简而言之就是前端分页是在前端对数据进行分页，服务端分页这是在后台对数据进行分页。
下面分别展示下使用layPage分页控件两者的用法
假设后台返回的数据对象如下：
public class people{
public string name{get;set;}=string.Empty;
public int age{get;set;}=0;
}
//获取的数据是
List<people> plist;
//JsonConvert.SerializeObject()为序列化对象
return Json(JsonConvert.SerializeObject(plist));
1.前端分页
//引用分页控件 <link rel="stylesheet" type="text/css" href="/content/H-UI.Admin/lib/laypage/1.2/skin/laypage.css" /> <script type="text/javascript" src="/UploadFiles/2021-04-02/laypage.js">2.服务端分页：前端传入当前页码、显示数量等请求数据，后台数据库根据分页数据获取对应的数据。即数据库分页查询
//引用分页控件 <link rel="stylesheet" type="text/css" href="/content/H-UI.Admin/lib/laypage/1.2/skin/laypage.css" /> <script type="text/javascript" src="/UploadFiles/2021-04-02/laypage.js">以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：基于ssm框架实现layui分页效果
荣耀猎人回归！七大亮点看懂不只是轻薄本，更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象：要么轻薄但性能一般，要么性能强劲但笨重臃肿。然而，今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上，荣耀宣布猎人游戏本正式回归，称其继承了荣耀 HUNTER 基因，并自信地为其打出“轻薄本，更是游戏本”的口号。
众所周知，寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验，而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起，我们不禁对它产生了强烈的好奇：作为代表荣耀猎人游戏本的跨界新物种，它究竟做了哪些平衡以兼顾不同人群的各类需求呢？
人们对于笔记本电脑有一个固有印象：要么轻薄但性能一般，要么性能强劲但笨重臃肿。然而，今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上，荣耀宣布猎人游戏本正式回归，称其继承了荣耀 HUNTER 基因，并自信地为其打出“轻薄本，更是游戏本”的口号。
众所周知，寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验，而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起，我们不禁对它产生了强烈的好奇：作为代表荣耀猎人游戏本的跨界新物种，它究竟做了哪些平衡以兼顾不同人群的各类需求呢？