有没有办法用Javascript显示每页的条目？

假设我构建了一个文件，其中将显示来自DB的所有条目

为了避免进行服务器端分页，我想在找到特定数量的条目后创建一些类似于隐藏/显示旧/新页面的内容

这主要是因为我发现自己在服务器端很难进行分页，这通常是我能做到的，但这次是不可能的，因为我要从两个DB表中获取数据

这是我使用Javascript完成的代码（我使用的是一个库）；这是我的html：

<div class="page" id="page1">
   <?php foreach($data as $d) :  ?>
       <div class="col-md-4">.....content.....</div>
       <div class="col-md-4">.....content.....</div>
       <div class="col-md-4">.....content.....</div>
       <div class="col-md-4">.....content.....</div>
       <div class="col-md-4">.....content.....</div>
       <div class="col-md-4">.....content.....</div>
       <div class="col-md-4">.....content.....</div>
       <div class="col-md-4">.....content.....</div>
   <?php endforeach; ?>
</div>
<ul id="pagination-demo" class="pagination"></ul>

所容纳之物
所容纳之物
所容纳之物
所容纳之物
所容纳之物
所容纳之物
所容纳之物
所容纳之物

这是javascript：

$('#pagination-demo').twbsPagination({
  totalPages: <?= $i++ ?>,
  // the current page that show on start
  startPage: 1,

  // maximum visible pages
  visiblePages: 5,

  initiateStartPageClick: true,

  // template for pagination links
  href: false,

  // variable name in href template for page number
  hrefVariable: '{{number}}',

  // Text labels
  first: 'First',
  prev: 'Previous',
  next: 'Next',
  last: 'Last',

  // carousel-style pagination
  loop: false,

  // callback function
  onPageClick: function (event, page) {
    $('.page-active').removeClass('page-active');
    $('#page'+page).addClass('page-active');
  },

  // pagination Classes
  paginationClass: 'pagination',
  nextClass: 'next',
  prevClass: 'prev',
  lastClass: 'last',
  firstClass: 'first',
  pageClass: 'page',
  activeClass: 'active',
  disabledClass: 'disabled'

});

$（“#分页演示”）.twb分页({
总页数：，
//开始时显示的当前页面
起始页：1，
//最大可见页面数
浏览网页：5，
initiateStartPageClick:true，
//分页链接的模板
href:false，
//href模板中页码的变量名
hrefVariable:“{{number}}”，
//文本标签
第一:"第一",，
上一篇：'上一篇'，
下一个：'下一个'，
last:‘last’，
//转盘式分页
循环：false，
//回调函数
onPageClick:功能（事件，页面）{
$（'.page-active'）.removeClass（'page-active'）；
$（'#page'+page）.addClass（'page-active'）；
},
//分页类
paginationClass:“分页”，
下一个类：“下一个”，
prevClass:“prev”，
lastClass:“last”，
头等舱：“头等舱”，
pageClass:'页面'，
activeClass:'活动'，
disabledClass:“已禁用”
});

因此，假设我目前在DB中有20个条目，如何才能使每页仅显示12个条目

实际行为只是每页显示20个条目

---

感谢阅读？

在SQL查询中使用偏移量和限制

<?  
    $limit = $_GET['limit'];
    $offset = $_GET['offset'];
    $bdd = new PDO(LOGIN DATA);
    $req = $bdd->prepare("SELECT * FROM table LIMIT ? OFFSET ?");
    $req->execute(array($limit, $offset));
?>

然后在页面中使用此循环

<?php 
  while($line = $req->fetch()){
?>
your html code
<?php
}
?>

你的html代码

欢迎使用StackOverflow我建议要么从一个后端调用另一个后端，在某个地方添加一个中间件（在后端进行分页，这是更好的解决方案，IMHO），要么在每个后端添加特定的控制器，并在JS中添加一个使两个后端保持同步的间接寻址。似乎

twbstagion

不允许您在前端执行此操作（例如，可能搜索另一个库、数据表？）