分页显示。查询结果分页显示。

查询结果分页显示可以通过以下步骤实现：

1. 前端页面设计

在查询结果页面中，添加分页导航栏，包含上一页、下一页、首页、尾页等按钮，以及页码显示区域。

<div class="pagination">
  <button id="first-page">首页</button>
  <button id="prev-page">上一页</button>
  <span id="page-info"></span>
  <button id="next-page">下一页</button>
  <button id="last-page">尾页</button>
</div>

2. 后端实现分页查询

在后端实现分页查询功能，可以使用 SQL 语句的 `LIMIT` 子句来限制查询结果的数量和起始位置。

例如，使用 MySQL 数据库：

SELECT * FROM users LIMIT 10 OFFSET 0;

表示查询 users 表中从第 1 行开始的 10 行数据。

3. 前端发送分页请求

在前端页面中，使用 Ajax 发送分页请求，请求后端返回当前页的数据。同时，更新分页导航栏的状态，包括页码、按钮状态等。

function loadPage(page) {
  $.get('/users', {page: page}, function(data) {
    // 更新页面数据
    renderPage(data);
    // 更新分页导航栏
    updatePagination(page, data.totalPages);
  });
}

4. 前端更新页面数据

前端接收到后端返回的分页数据后，根据数据更新页面的显示内容。

function renderPage(data) {
  var users = data.users;
  // 清空用户列表
  $('#user-list').empty();
  // 循环添加用户
  for (var i = 0; i < users.length; i++) {
    var user = users[i];
    var html = '<tr><td>' + user.id + '</td><td>' + user.username + '</td><td>' + user.email + '</td></tr>';
    $('#user-list').append(html);
  }
}

5. 前端更新分页导航栏

前端接收到后端返回的分页数据后，根据数据更新分页导航栏的状态。

function updatePagination(currentPage, totalPages) {
  // 更新页码显示
  $('#page-info').text('第 ' + currentPage + ' 页，共 ' + totalPages + ' 页');
  // 更新按钮状态
  if (currentPage === 1) {
    $('#first-page').prop('disabled', true);
    $('#prev-page').prop('disabled', true);
  } else {
    $('#first-page').prop('disabled', false);
    $('#prev-page').prop('disabled', false);
  }
  if (currentPage === totalPages) {
    $('#next-page').prop('disabled', true);
    $('#last-page').prop('disabled', true);
  } else {
    $('#next-page').prop('disabled', false);
    $('#last-page').prop('disabled', false);
  }
}

通过以上步骤，就可以实现查询结果分页显示。