不使用后端接口前端封装分页代码

如果不使用后端接口前端封装分页，可以在前端实现手动分页的代码逻辑。具体做法如下：

1. 在前端请求数据时，一次性获取所有数据。
2. 根据每页显示的数量和当前页数，计算需要显示的数据的起始索引和结束索引。
3. 使用数组的slice方法，截取需要显示的数据。
4. 在前端实现翻页逻辑，包括上一页和下一页按钮的点击事件，以及当前页数的显示等。

以下是一个简单的实现示例：

// 假设数据列表的总长度为dataList.length
var pageSize = 10; // 每页显示的数量
var currentPage = 1; // 当前页数

// 计算需要显示的数据的起始索引和结束索引
var startIndex = (currentPage - 1) * pageSize;
var endIndex = startIndex + pageSize;

// 截取需要显示的数据
var pageData = dataList.slice(startIndex, endIndex);

// 在前端实现翻页逻辑
// 上一页按钮点击事件
function prevPage() {
  if (currentPage > 1) {
    currentPage--;
    startIndex = (currentPage - 1) * pageSize;
    endIndex = startIndex + pageSize;
    pageData = dataList.slice(startIndex, endIndex);
    renderPage();
  }
}

// 下一页按钮点击事件
function nextPage() {
  if (currentPage < Math.ceil(dataList.length / pageSize)) {
    currentPage++;
    startIndex = (currentPage - 1) * pageSize;
    endIndex = startIndex + pageSize;
    pageData = dataList.slice(startIndex, endIndex);
    renderPage();
  }
}

// 渲染页面
function renderPage() {
  // 渲染当前页数的显示
  // 渲染数据列表
}

需要注意的是，这种方法的缺点是当数据量非常大时，一次性获取所有数据可能会导致性能问题，因此建议在数据量较大时使用后端分页。