<?php
    
    
    echo '
<script src="bootstrap/bootstrap/js/jquery/2.0.0/jquery.min.js"></script>
<link href="bootstrap/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet" />
    <script src="bootstrap/js/bootstrap/3.3.6/bootstrap.min.js"></script>';
    
    include 'config.php';
    $link
 
=mysqli_connect(DB_HOST,DB_USER,
        DB_PWD,DB_NAME,DB_PORT);
    
    //echo $link?'連線資料庫成功':'連線資料庫失敗';
    mysqli_set_charset($link,'utf8');
 
    //2.處理sql,mysqli_query() 函式執行某個針對資料庫的查詢。
    $result=mysqli_query($link,"select count(id) as c from user order by id asc ");
    
    //3.判斷結果
    //mysqli_num_rows  獲取結果中行的數量
 

    //4.編輯和刪除
    
    //5.計算分頁所需要的引數  總數
    $data=mysqli_fetch_assoc($result);  //mysqli_fetch_assoc() 函式從結果集中取得一行作為關聯陣列。
    $count=$data['c'];
//echo $count;


//6.當前頁
//www.baidu.com?page=1
    $page=isset($_GET['page'])?(int)($_GET['page']):1;  //isset()檢測變數是否設定

//7.最後一頁

//每頁顯示的條數
    $num=3;
    $total=ceil($count/$num);  //計算頁數
    //
 
ceil() 方法執行的是向上取整計算，它返回的是大於或等於函式引數，並且與之最接近的整數。
    
//echo $total;

//8.如果客戶在第一頁點選上一頁，在最後一頁點選下一頁,怎麼辦?
    if ($page<=1){
        $page=1;
    }
    
    if ($page>=$total){
        $page=$total;
    }

//limit  偏移量  數量
//1  limit 0,3  從表提取3條資訊，0為起點，3為提取的數目
//2  limit 3,3
//offset=($page-1)*$num
    
    $offset=($page-1)*$num; //$offset為起點值，如當前頁為第一頁，每頁3條，起點即為0，同理當前為第二頁，起點將為5

//處理sql
    $result=mysqli_query($link,"
select * from user order by id asc limit $offset,$num");
 
    if($result&&mysqli_num_rows($result)){
        echo '<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
    
    <div class="navbar-header">
        <a class="navbar-brand" href="#">菜鳥教程</a>
    </div>
    
     <div class="collapse navbar-collapse" id="example-navbar-collapse">
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">iOS</a></li>
            <li><a href="#">SVN</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    Java <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">jmeter</a></li>
                    <li><a href="#">EJB</a></li>
                    <li><a href="#">Jasper Report</a></li>
                    <li class="divider"></li>
                    <li><a href="#">分離的連結</a></li>
                    <li class="divider"></li>
                    <li><a href="#">另一個分離的連結</a></li>
                </ul>
            </li>
        </ul>
    </div>
    </div>
</nav>';
        //顯示列表程式碼
        echo '<form action="delete.php" method="post">';
        echo '<div style="width: 800px;margin: 30px auto">';
    echo "<table class='table table-bordered'>";
    while($row=mysqli_fetch_assoc($result)){   //處理結果集     $row表示每一行的結果集
        echo '<tr>';
        echo  '<td style="text-align: center;vertical-align: middle;"><input type="checkbox" name="id[]" value="'.$row['id'].'"></td>';
        echo '<td style="text-align: center;vertical-align: middle;">'.$row['id'].'</td>';
        echo '<td style="text-align: center;vertical-align: middle;">'.$row['username'].'</td>';
        echo '<td style="text-align: center;vertical-align: middle;">'.$row['password'].'</td>';
        echo '<td style="text-align: center;vertical-align: middle;"><img class="img-img-rounded" width="100px"  src="'.$row['img'].'"></td>';
        echo  '<td style="text-align: center;vertical-align: middle;"><a href="edit.php?id='.$row['id'].'"><span class="label label-success">編輯</span></a></td>';
        echo  '<td style="text-align: center;vertical-align: middle;"><a href="delete.php?id='.$row['id'].'"><span class="label label-danger">刪除</span></a></td>';
        echo '</tr>';
    }
       echo '<tr align="center"><td colspan="7"><a href="page.php?page=1">首頁</a>
            <a href="page.php?page='.($page-1).'">上一頁</a>
            <a href="page.php?page='.($page+1).'">下一頁</a>
            <a href="page.php?page='.$total.'">尾頁</a>
            當前是'.$page.'頁   共'.$total.'頁
</td></tr>';
        echo '</table>';
        echo '<button type="button" class="btn btn-info">刪除</button>';
        echo '</div>';
        echo '</from>';
    }else{
        //提示沒有結果的程式碼段
    echo '沒有查詢到資料';
}

效果圖如下：