Question

我目前为我的html网站使用响应式网格框架，现在我需要合并从数据库中提取结果来填充行/列。

我希望做4列x 3行水平设置数据。

<div class="row">
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
</div>

<div class="row">
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
</div>

<div class="row">
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
</div>

关于我如何用计数器设置它的任何线索？还有分页？

Answer 1

    <?php
    $n_qry = "SELECT count(*) as cnt FROM TABLE_NAME";
    $n_res = mysql_query($n_qry) or die(mysql_error());
    $n_row = mysql_fetch_object($n_res);
    $total_cnt = $n_row->cnt;?>
    <ul><?php
    for($i=1;$i<=$total_cnt;$i=i+5)
    { ?>
        <li><a href="about.html?page=<?=$i;?>"><?=$i;?></a></li> | 
    <? } ?>
    </ul>
if(isset($_REQUEST['page']) && $_REQUEST['page']!='')
          {
              $iqry="SELECT * FROM TABLE_NAME WHERE id =".$id." LIMIT ".($_REQUEST['page']).",($_REQUEST['page']+5)";
          }
          else
          {
              $iqry="SELECT * FROM inner_page WHERE page_id =".$page_id." LIMIT 0,5";
          }
            $fiqry = mysql_query($iqry) or die(mysql_error());
            $rowi = mysql_fetch_object($fiqry);

            echo stripslashes($rowi->FIELD_NAME);

我用它为我的网站分页我希望它对你有用。：）

Answer 2

您可以使用JQuery for pagination

或者如果您想使用php，请将其设置为使您的网站网址看起来像这样

http://mysite.com/&page=2

然后在您的查询中，您将在每页显示5行。对于第1页

SELECT * FROM TABLENAME WHERE `bla bla` LIMIT 0,5

FOR PAGE 2

SELECT * FROM TABLENAME WHERE `bla bla` LIMIT 5,5

这将显示记录6,7,8,9和10

依旧......

Answer 3

除非你特别注意使用那些DIV，否则我会使用“tablesorter”和JQuery。 tablesorter有一个分页模块，所以可以做你想做的一切。

Answer 4

我添加了一些导航

<ul class="nav">
    <li><a href="#1">1</a></li> 
    <li><a href="#2">2</a></li> 
    <li><a href="#3">3</a></li>
 </ul>

和jQuery脚本

$(document).ready(function() {
    $('.nav a').click(function() {
        var page = $(this).prop("href").replace(/.*#/,"");
        // or (maybe faster and better)
        // var page = $(this).attr("href").slice(1);
        // or even (what is the same)
        // var page = $(this).attr("href").substr(1);
        $('.row').hide().eq(parseInt(page)-1).show();
        return false;
    });
});

查看the DEMO

PHP列和行分页

4 个答案: