Boostrapを使用したPHPとMYSQLによるページ分割

Question

私はデータベース内に（画像、説明などを含めて）1ページに合理的に残っていないデータをたくさん持っています。 php、mysql、bootstrapを使用してページ分割を行うにはどうすればよいですか？

<?php 

    $query = "SELECT Title, Painter_Name, Description, Year, Image FROM paintings, painters WHERE painters.ID = paintings.Painter_ID"; 

     $query_run = mysqli_query($connection, $query); 

     while($row = mysqli_fetch_assoc($query_run)) { 
     $title = $row['Title']; 
     $painter = $row['Painter_Name']; 
     $description = $row['Description']; 
     $image = $row['Image']; 
     $year = $row['Year']; 
    ?> 

     <div id="contatiner"> 

    <?php 
     echo " 
     <div class=\"row\"> 
     <div class=\"offset-sm-2 col-sm-8 offset-sm-2\"> 
      <div class=\"card\"> 
       <div class=\"card-block\"> 
       <h4 class=\"card-title text-sm-center\">$title ($year)</h4> 
       <h6 class=\"card-subtitle text-sm-center text-muted\">$painter</h6> 
       </div> 
       <p class=\"text-sm-center\"><img style=\"width:300px; height:300px;\" src=\"$image\" alt=\"Card image\"></p> 
       <div class=\"card-block\"> 
       <p class=\"card-text text-sm-center\">$description</p> 
       <p class=\"text-sm-center\"><a href=\"#\" class=\"card-link\">Add to favorites</a></p> 
       </div> 
      </div> 
     </div> 
     </div> 
     "; 
     } 
    ?> 
    </div> 

---

<nav class="text-xs-center"> 
    <ul class="pagination"> 
     <li class="page-item"> 
      <a href="#" class="page-link" aria-label="Previous"> 
       <span aria-hidden="true">&laquo;</span> 
       <span class="sr-only">Previous</span> 
      </a> 
     </li> 
     <li class="page-item"><a class="page-link" href="#">1</a></li> 
     <li class="page-item"><a class="page-link" href="#">2</a></li> 
     <li class="page-item"><a class="page-link" href="#">3</a></li> 
     <li class="page-item"><a class="page-link" href="#">4</a></li> 
     <li class="page-item"><a class="page-link" href="#">5</a></li> 
     <li class="page-item"> 
      <a href="#" class="page-link" aria-label="Next"> 
       <span aria-hidden="true">&raquo;</span> 
       <span class="sr-only">Next</span> 
      </a> 
     </li> 
    </ul> 
</nav> 

は私がインターネットを閲覧しているし、今でも事前に

おかげで...と何を開始することはありません！

Answer 1

あなたが限界で問い合わせることができ、オフセット：2つの引数を指定してhttps://dev.mysql.com/doc/refman/5.5/en/select.html

は、最初の引数を返すために、最初の行のオフセットを指定し、第二は、返される行の最大数を指定します。最初の行のオフセットは0（ない1）である：例えば

SELECT * FROM tbl LIMIT 5,10; # Retrieve rows 6-15

、ページ1 10を制限する、オフセット0、ページごとに、あなたは、オフセットおよび10によって限界（または何を増加さあなたが欲しい）。

ページIDに$ _GET varを付けることも、別のスタイルを使用することもできます。 MVCまたはURLの一部を取得します。