分页代码

Question

我只是初学者在php中，我发现分页代码有困难。根据我的客户，他需要在顶部和底部分页。所以为此我写了这样的代码，如下所示：代码声明我有8页要显示，每页有12条记录。它将在内联显示中工作到8页但看起来很奇怪。所以我的管理人员说要用这种格式<< < 1 2 3 4 > >>进行操作，每次页面更改时都应该显示下一个数字，但是只显示4页，之后它不会显示下一页。

<?php
$limit = 12;
$sql = "SELECT COUNT(*) FROM products WHERE type='1'";  
$rs_result = mysql_query($sql);  
$row = mysql_fetch_row($rs_result);  
$total_records = $row[0];  
$total_pages = ceil($total_records / $limit);
?>
<div align="center">
<ul class='pagination text-center' id="pagination">

<?php if(!empty($total_pages)):for ($i=1; $i <= $total_pages; $i++): 
        if($i == 1):?>
         <li class="page-item">
  <a class="page-link" href="granite.php?page=<?php echo $i;?>" aria-label="Previous">
    <span aria-hidden="true">&laquo;</span>
    <span class="sr-only">Previous</span>
  </a>
</li>
        <li class='current'  id="<?php echo $i;?>"><a href='granite.php?page=<?php echo $i;?>'><?php echo $i;?></a></li> 
        <?php else:?>
        <li id="<?php echo $i;?>"><a href='granite.php?page=<?php echo $i;?>'><?php echo $i;?></a></li>

    <?php endif;?>        
<?php endfor;endif;?> 
<li class="page-item">
    <a class="page-link" href="granite.php?page=<?php echo $i;?>" aria-label="Next">
     <span aria-hidden="true">&raquo;</span>
     <span class="sr-only">Next</span>
    </a>
          </div>

我已经编写了这个用于更改分页的javascript代码

$(document).ready(function(){

//Loading Image Display
function Display_Load()
{
  $("#loading").fadeIn(100);
  $("#loading").html("<img src='loading.gif' />");
}
 //Hide Loading Image
 function Hide_Load()
{
 $("#loading").fadeOut('slow');
};


 //Default Starting Page Results

 $("#pagination li:first").css({'color' : '#FF0084','border' : 'none'});
 $("#content").load("granite.php?page=1", Hide_Load());

  //Pagination Click
  $("#pagination li").click(function(){
  Display_Load();

  //CSS Styles
  $("#pagination li")
  .css({'border' : 'solid #dddddd 1px'})
  .css({'color' : '#0063DC'});

  $(this)
  .css({'color' : '#FF0084'})
  .css({'border' : 'none'});

  //Loading Data
  var pageNum = this.id;
  $("#content").load("granite.php?page=" + pageNum, Hide_Load());
   });
 });

请允许任何人在我做错的地方帮助我，并给我指导以纠正它。