基于layPage插件实现两种分页方式浅析

前端  /  管理员 发布于 4年前   264

最近在开发过程中经常用到分页，今天挤出些时间来捋一捋自己的经验

在web开发中，一般显示数据列表页时，我们会用到分页控件来显示数据。采用分页一般基于两种不同的需求，一种是数据量不算很大，但是在页面展示又显得过长，看起来很不舒服。一种则是因为数据量太过于庞大，无法一次性去数据库将数据读取出来，于是采用分页的形式去将数据分页显示出来。

前者即所谓的前端分页，而后者就是服务端分页。

两者的区别在于：前端分页是将所有数据取出，为方便用户查看，合理展示数据。在前端js上对数据进行分页。而服务端分页是根据当前页面要展示的内容，通过前端传入的参数，获取对应页面的数据进行展示。简而言之就是前端分页是在前端对数据进行分页，服务端分页这是在后台对数据进行分页。

下面分别展示下使用layPage分页控件两者的用法
假设后台返回的数据对象如下：

public class people{ public string name{get;set;}=string.Empty; public int age{get;set;}=0;}//获取的数据是List plist;//JsonConvert.SerializeObject()为序列化对象return Json(JsonConvert.SerializeObject(plist));

1.前端分页

//引用分页控件

2.服务端分页：前端传入当前页码、显示数量等请求数据，后台数据库根据分页数据获取对应的数据。即数据库分页查询

//引用分页控件

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• laypage.js分页插件使用方法详解
• layui2.0使用table+laypage实现真分页
• thinkPHP3.2.3结合Laypage实现的分页功能示例
• thinkPHP5使用laypage分页插件实现列表分页功能
• 基于LayUI分页和LayUI laypage分页的使用示例
• VUEJS实战之利用laypage插件实现分页（3）
• laypage分页控件使用实例详解
• js多功能分页组件layPage使用方法详解
• laypage前端分页插件实现ajax异步分页
• laypage+SpringMVC实现后端分页