datagrid分页传递参数_企业级系统数据过大,海量数据如何分页,这里有4种优化方案及对比...

我会为大家带来源源不断的IT技术相关的内容,欢迎工程狮/程序猿们关注哟~

一、背景

分页应该是极为常见的数据展现方式了,一般在数据集较大而无法在单个页面中呈现时会采用分页的方法。

各种前端UI组件在实现上也都会支持分页的功能,而数据交互呈现所相应的后端系统、数据库都对数据查询的分页提供了良好的支持。

以几个流行的数据库为例:

查询表 t_data 第 2 页的数据(假定每页 5 条)

  • MySQL 的做法:
select * from t_data limit 5,5
  • PostGreSQL 的做法:
select * from t_data limit 5 offset 5
  • MongoDB 的做法:
db.t_data.find().limit(5).skip(5);

尽管每种数据库的语法不尽相同,通过一些开发框架封装的接口,我们可以不需要熟悉这些差异。如 SpringData 提供的分页接口:

public interface PagingAndSortingRepository extends CrudRepository { Page findAll(Pageable pageable);}

这样看来,开发一个分页的查询功能是非常简单的。

然而万事皆不可能尽全尽美,尽管上述的数据库、开发框架提供了基础的分页能力,在面对日益增长的海量数据时却难以应对,一个明显的问题就是查询性能低下!

那么,面对千万级、亿级甚至更多的数据集时,分页功能该怎么实现?

下面,我以 MongoDB 作为背景来探讨几种不同的做法。

二、传统方案

就是最常规的方案,假设 我们需要对文章 articles 这个表(集合) 进行分页展示,一般前端会需要传递两个参数:

  • 页码(当前是第几页)
  • 页大小(每页展示的数据个数)

按照这个做法的查询方式,如下图所示:

463c5194db078dbd8d8c7370763d8f3a.png

因为是希望最后创建的文章显示在前面,这里使用了_id 做降序排序

其中红色部分语句的执行计划如下:

{ "queryPlanner" : { "plannerVersion" : 1, "namespace" : "appdb.articles
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 ZUI 框架中,如果你使用了 `.datagrid` 插,并且想要将分页参数传递给后端,可以通过以下步骤实现: 1. 在 HTML 页面中,使用 `.datagrid` 类来初始化数据表格,并在初始化时指定分页相关的参数。例如: ```html <table class="datagrid" data-url="/api/data" data-pagination="true" data-page-size="10"> <!-- 表格内容 --> </table> ``` 在上述代码中,我们使用 `data-url` 属性指定了后端接口的 URL,使用 `data-pagination` 属性启用了分页功能,使用 `data-page-size` 属性指定了每页显示的记录数。 2. 在后端的接口中,根据传递过来的分页参数进行处理。根据 ZUI 框架的规范,请求参数中会包含以下几个参数: - `page`:当前页码 - `pageSize`:每页显示的记录数 - `sortName`:排序字段的名称 - `sortOrder`:排序方式(升序或降序) 你可以根据这些参数来进行相应的数据查询和处理,然后返回对应的结果给前端。 例如,在 PHP 中,可以通过 `$_GET` 或 `$_POST` 超全局数组获取这些参数,然后进行处理。 ```php $page = $_GET['page']; $pageSize = $_GET['pageSize']; $sortName = $_GET['sortName']; $sortOrder = $_GET['sortOrder']; // 根据获取到的参数进行数据查询和处理 // ... // 返回处理结果给前端 // ... ``` 通过以上步骤,你可以在 ZUI 框架中将 `.datagrid` 的分页参数传递给后端,并在后端进行相应的处理。具体的后端处理方式可能会根据你所使用的后端语言和框架而有所差异,但整体思路是一致的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值