已知页码数，总条数，每页显示数，分页查询的前端页面如何编写

在前端页面上，你可以使用以下元素来实现分页查询：

1. 页码数：可以使用一个数字列表来示页码数，用户点击不同的数字可以跳转到对应的页面。

2. 总条数：可以在页面顶部或底部显示总条数，让用户了解当前查询结果的总数。

3. 每页显示数：可以使用一个下拉列表或单选框来让用户选择每页显示的条数。

4. 分页查询：可以在页面下方显示分页器，让用户可以翻页查看不同的结果页。

在实现分页查询的过程中，需要注意以下几点：

1. 查询结果需要进行分页处理，只返回当前页的数据。

2. 当用户进行翻页操作时，需要重新向后端发送请求获取对应页的数据。

3. 当用户改变每页显示数时，需要重新请求获取对应页的数据，并重新渲染分页器。

4. 分页器需要根据当前页和总页数进行动态渲染，让用户可以清晰地了解当前所在的页面位置。

比如，可以使用HTML、CSS、JavaScript等技术实现一个分页查询的前端页面，代码示例如下：

<!-- 分页查询的HTML代码 -->
<div id="page-wrapper">
  <!-- 显示总条数 -->
  <div id="total-count">共有<span id="count"></span>条记录</div>

  <!-- 每页显示数 -->
  <div id="page-size">
    <label>每页显示：</label>
    <select id="pageSize">
      <option value="10">10</option>
      <option value="20">20</option>
      <option value="50">50</option>
    </select>
  </div>

  <!-- 分页器 -->
  <div id="pagination">
    <ul id="page-list"></ul>
  </div>
</div>

<!-- JavaScript代码 -->
<script>
  var totalCount = 100; // 总条数
  var pageSize = 10; // 每页显示数
  var pageCount = Math.ceil(totalCount / pageSize); // 总页数
  var currentPage = 1; // 当前页码

  // 显示总条数
  document.getElementById("count").innerText = totalCount;

  // 显示页码列表
  var pageList = "";
  for (var i = 1; i <= pageCount; i++) {
    pageList += "<li><a href='#' onclick='goToPage(" + i + ")'>" + i + "</a></li>";
  }
  document.getElementById("page-list").innerHTML = pageList;

  // 跳转到指定页码
  function goToPage(page) {
    currentPage = page;
    // TODO: 发送请求获取对应页码的数据
  }

  // 改变每页显示数
  document.getElementById("pageSize").onchange = function() {
    pageSize = this.value;
    pageCount = Math.ceil(totalCount / pageSize);
    // TODO: 发送请求获取对应页码的数据，并重新渲染分页器
  };
</script>

在上面的代码中，我们使用了一个`div`元素作为分页查询的容器，其中包含了显示总条数、每页显示数和分页器等元素。在JavaScript代码中，我们定义了一些变量来存储总条数、每页显示数、总页数和当前页码等信息，并使用循环语句生成了页码列表。在用户点击不同的页码或改变每页显示数时，可以通过调用对应的JavaScript函数来实现跳转到指定页码和重新渲染分页器等功能。