我正在使用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\">«</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>
答案 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>";
修改强>
您还想通过更改
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> ";