如何实现i';m与php一起使用


How to implement the simplepagination plugin that i'm using with php?

这是我的html,php代码:

      <?php
      $sql = mysqli_query($con, "SELECT * FROM blog_posts WHERE postStatus = 'accepted' ORDER BY date_accepted DESC");
        while($row = mysqli_fetch_array($sql))
      ?>
           <article>
             <?php echo $row['postTitle']." Posted on ".date('jS M Y', strtotime($row['postDate']))." ".$row['postDesc']; ?>

           </article>
      <?php
        }
      }
      ?>

 <div id="selector">
   <ul class="selector">
      <li>
          <p>One</p>
      </li>
      <li>
          <p>Two</p>
      </li>
      <li>
          <p>Three</p>
      </li>
      <li>
          <p>Four</p>
      </li>
      <li>
          <p>Five</p>
      </li>
      <li>
          <p>Six</p>
      </li>
      <li>
          <p>Seven</p>
      </li>
          <li>
      <p>Eight</p>
          </li>
      </ul>
   </div>

这是javascript:

  $(function() {
        $(selector).pagination({
                items: 100,
                itemsOnPage: 5,
                cssStyle: 'light-theme'
        });

});

我从这里得到了这个插件:http://flaviusmatis.github.io/simplePagination.js/

我想知道的是如何在php代码中使用这个插件。就像我有20个帖子,我只想显示10个帖子。提前感谢!!

这里的"选择器"代表一个类,所以你应该使用这个〔如果你想为"li"分页〕:

$(function() {
        $('.selector').pagination({
                items: 100,
                itemsOnPage: 5,
                cssStyle: 'light-theme'
        });
});

这里的"选择器"代表一个id,所以你应该使用这个[如果你想为"div"分页]:

$(function() {
        $('#selector').pagination({
                items: 100,
                itemsOnPage: 5,
                cssStyle: 'light-theme'
        });
});

您可以使用任何一种方法,这取决于您希望在哪里实现分页,无论是在li还是div上。

要在文章上实现分页,请给文章一个ID或类,然后实现分页。例如,假设文章的id="pagin",那么相应的分页函数应该实现为:

$(function() {
     $('#pagin').pagination({
           items: 100,
           itemsOnPage: 5,
           cssStyle: 'light-theme'
      });
 });

除了sanki告诉你的,为了让这个插件发挥作用,你需要有一个已经在工作的分页系统,也就是说,你需要把它做好:

$(function() {
    $(selector).pagination({
            items: 100,
            itemsOnPage: 5,
            cssStyle: 'light-theme'
    });
});

将选择器更改为包含id或类分页占位符的选择器,然后将项值替换为最大记录数(您可以通过查询数据库并使用mysqli_num_rows计算总行数来实现这一点

同样,它看起来是这样的:

$(function() {
        $('.selector').pagination({
                items: <?php echo $count; ?>,
                itemsOnPage: 5,
                cssStyle: 'light-theme'
        });
});

现在您需要设置一些附加属性:

hrefTextPrefix:这是一个在您传递页码值时更改URL中前缀的前缀,默认情况下设置为#page-,您可以将其更改为?page=,因此值可以通过$_GET 传递

当前页面:这是告诉您当前所在页面的分页样式的页面,为了让它知道这个值,您需要在这里传递$_GET值

现在,你的代码应该是这样的:

$(function() {
        $('.selector').pagination({
                items: <?php echo $count; ?>,
                itemsOnPage: 5,
                cssStyle: 'light-theme',
                hrefTextPrefix: '?page=',
                currentPage: <?php echo $_GET['page']; ?>
        });
});

就这样,你应该让你的分页系统工作。

如果您需要更多信息,请查看完整的插件文档:黄曲霉毒素