如何使用php的bootstrap分页

时间:2014-04-20 18:29:50

标签: php twitter-bootstrap pagination

我正在使用php和mysql,我按照本教程设法做了分页: http://www.phpfreaks.com/tutorial/basic-pagination

这是" mywebpage" (在工作中):http://ada.uprrp.edu/~ehazim/hpcf_proj/miejemplo.php

但是现在,我想做到这一点"漂亮"使用bootstrap分页:http://getbootstrap.com/components/#pagination

我正在使用_GET [' current_page']来获取我所在的页面。问题是我不知道如何改变回声以回应引导程序的分页......是的,它可能是愚蠢的,但这是我第一次使用php而我就像2小时只是试图做这个。有人能帮我吗?下面是我的代码,遵循php freaks的教程(我理解,除了一些带有toomany引号的回声:/):

    <div class="pagination">
    <ul>

    <?php
    /******  build the pagination links ******/
    // if not on page 1, don't show back links
    if ($currentpage > 1) {
        // show << link to go back to page 1
        # TRYING TO CHANGE HERE AND IN OTHER ECHOS  
        #echo "<li><a href=\"{$_SERVER['PHP_SELF']}?currentpage=1\">&laquo;</a></li>";
        echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=1'><<</a> ";
        // get previous page num
        $prevpage = $currentpage - 1;
        // show < link to go back to 1 page
        #echo " <li><a href='{$_SERVER['PHP_SELF']}?currentpage=$prevpage'><</a> ";
        echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$prevpage'><</a> ";
    } // end if

    # range of num links to show
    $range = 3;

    # loop to show links to range of pages around current page
    for ($x = ($currentpage - $range); $x < (($currentpage + $range)  + 1); $x++) {
        // if it's a valid page number...
        if (($x > 0) && ($x <= $totalpages)) {
        // if we're on current page...
            if ($x == $currentpage) {
            // 'highlight' it but don't make a link
                echo " [<b>$x</b>] ";
        // if not current page...
        }
        else {
            // make it a link
            echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$x'>$x</a> ";
        } // end else
    } // end if 
} // end for


    // if not on last page, show forward and last page links        
    if ($currentpage != $totalpages) {
        // get next page
        $nextpage = $currentpage + 1;
        // echo forward link for next page 
        echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$nextpage'>></a> ";
        // echo forward link for lastpage
        echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$totalpages'>>></a> ";
     } // end if
     # end build pagination links 
?>

</ul>
</div>

2 个答案:

答案 0 :(得分:2)

为了帮助你入门,Bootstrap分页工作在一个ul = class = pagination上,页面链接作为列表项。

在php代码的开头,将分页类添加到ul(不是div)

<ul class="pagination">  

然后,无论您何时回显页面链接,请使用li标签进行包装,例如:

echo " <li><a href='{$_SERVER['PHP_SELF']}?currentpage=$x'>$x</a> </li>";  

修改
您还想通过更改

来调整当前页面的HTML
echo " [<b>$x</b>] ";  

echo " <li>$x</li> ";

修改
如果你想让你的分页栏居中,Bootstrap 3有一个你可以使用的文本中心类。见http://jsfiddle.net/panchroma/8RHzw/
将php的第一行更改为

<div class="text-center">

使用Bootstrap 2,使用

<div style="text-align:center;">

希望这有帮助!

答案 1 :(得分:0)

除了David Taiaroa上面的回答,对于活动按钮状态,你需要添加class =&#34; active&#34;和A标签。

echo " <li>$x</li> ";

.. ..变为

echo " <li class=\"active\"><a>$x</a></li> ";