0

我目前为我的 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>

关于如何使用计数器进行设置的任何线索？以及分页？

4

4 回答 4

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);

我用它为我的网站分页，希望它对你有用。:)

于 2013-07-24T06:53:20.393 回答
0

你可以使用JQuery 进行分页

或者如果你想使用 php，让它看起来像这样

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

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

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

第 2 页

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

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

等等..

于 2013-07-24T05:46:13.773 回答
0

我添加了一些导航

<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;
    });
});

查看演示_

于 2013-07-24T06:29:24.513 回答
0

除非您特别愿意使用这些 DIV，否则我会使用“tablesorter”和 JQuery。tablesorter 有一个分页模块，所以可以做任何你想做的事情。

于 2013-07-24T05:48:59.523 回答