Как реализовать серверную сортировку и пагинацию, если данных слишком много для клиентской обработки?

Что такое серверная сортировка и пагинация?

Когда данных слишком много (например, 100 000 записей), загружать их все на клиент невозможно — это приведет к зависанию браузера и огромному потреблению трафика. Вместо этого сервер возвращает только одну страницу данных, отсортированную по заданному полю. Клиент отправляет параметры: номер страницы, размер страницы, поле сортировки и направление.

Как это работает на практике?

Рассмотрим пример на Node.js с Express и SQL. Клиент делает GET-запрос:

GET /api/users?page=2&limit=20&sortBy=name&order=asc

Бэкенд обрабатывает параметры и формирует SQL-запрос:

const page = parseInt(req.query.page) || 1;
const limit = parseInt(req.query.limit) || 20;
const offset = (page - 1) * limit;
const sortBy = req.query.sortBy || 'id';
const order = req.query.order === 'desc' ? 'DESC' : 'ASC';

const query = `SELECT * FROM users ORDER BY ${sortBy} ${order} LIMIT ${limit} OFFSET ${offset}`;
const countQuery = `SELECT COUNT(*) as total FROM users`;

Важно экранировать sortBy, чтобы избежать SQL-инъекций — используйте белый список полей. Также возвращаем общее количество записей для расчета количества страниц:

const totalResult = await db.query(countQuery);
const total = totalResult.rows[0].total;
const totalPages = Math.ceil(total / limit);

res.json({
  data: result.rows,
  page,
  limit,
  total,
  totalPages
});

Где это применяется?

• Таблицы с большими наборами данных (админки, CRM, аналитика).
• API для мобильных приложений, где лимитирован трафик.
• Поисковые системы и каталоги товаров.

Вывод

Серверная сортировка и пагинация — обязательный паттерн для масштабируемых приложений. Он позволяет эффективно работать с миллионами записей, минимизируя нагрузку на клиент и сеть. Всегда используйте его, когда объем данных превышает несколько тысяч строк.