上一个/下一个按钮?

Posted

技术标签:

【中文标题】上一个/下一个按钮?【英文标题】:Previous/next Buttons? 【发布时间】:2012-05-03 16:59:54 【问题描述】:

我想为我拥有的论坛输入上一个和下一个按钮,因为在论坛变长后,它超过了背景图像并且看起来不太好!有谁知道一种简单的方法或者我可以查看上一个和下一个按钮的东西?我想要它,所以每页仅限于每页 5 个帖子或其他内容。

如果有帮助的话,这里是代码。如果这是一个愚蠢的问题,我很抱歉。

<?php 
$dbc=mysql_connect('host','user','password','database') or die(mysql_error());
mysql_select_db('database',$dbc) or die(mysql_error());
?>

View Posts <br>
<form method="get" action="view_forum.php">
  <label>Select Weather to Filter </label><br />
  <select name="weather">
    <option value="all">all</option>
    <option value="cloudy">Cloudy</option>
    <option value="sunny">Sunny</option>
    <option value="windy">Windy</option>
    <option value="snowy">Snowy</option>
    <option value="mixy">Wintery Mix</option>
    <option value="rainy">Rainy</option>
  </select>
  <input type="submit" value="view" />
</form>

<div id="view">
 <center><img src="images/forum.png"  ></center>
</div>  
  <div id="white">
    <div id="blue">
      <div id="grey">
       <div id="container">
<?php
$weather = mysql_real_escape_string( $_GET["weather"] ); // keep your input clean

if ( $weather == "all" ) 
  $sql = "SELECT * FROM stories ORDER BY id DESC";
 else 
  $sql = "SELECT * FROM stories WHERE weather = '$weather' ORDER BY id DESC";


$result = mysql_query( $sql ) or die( mysql_error() );

while ( $row = mysql_fetch_assoc( $result ) ) 

    echo "<div class=\"names\"> $row['name']<br /></div>";
    echo "<div class=\"weathers\">$row['weather']<br /></div>";
   echo "<div class=\"stories\">$row['story']<br /></div>";



        echo "<img src=\"images/line.png\" width='800' height='3'>";

         echo "<br />"; 


?>
</div>
</div>
</div>
</div>

【问题讨论】:

【参考方案1】:

这很容易。您在请求中保留一个页面变量。如下图

if (!isset($_GET['page'])) 
   $page = 1;
 else 
   $page = (int)$_GET['page'];

在你的 SQL 语句中,你会放这样的东西,它使用页面变量来调整查询限制:

$query = 'SELECT * FROM someTable WHERE 1 LIMIT ' . (($page - 1) * $recordsPerPage) . ' ' . $recordsPerPage;

反正就是这样。现在,对于您的上一个和下一个链接,您可以添加这样的内容,以便您可以增加/减少页面变量:

<? if ($page > 1) : ?>
   <a href="self.php?page=<?= $page - 1 ?>">Prev</a>
<? endif ?>
<? if ($page != $maxPages) : ?>
   <a href="self.php?page=<?= $page + 1 ?>">Next</a>
<? endif ?>

【讨论】:

我遇到了问题,我应该把这一切都放在代码中。对不起...这个 php 的东西给我带来了麻烦! @ChristineAustin 这并不是一个剪切和粘贴网站。您应该先尝试了解代码中发生了什么,然后再实施它。如果您不知道将上述项目放在哪里,那会让我相信您不了解它们的作用,这对 Web 工程师及其服务器来说是非常危险的。浏览每一个,如果你不理解他们在做什么,那么研究直到你理解为止。 你说得对,我不会反对。由于我是新手,因此我将尝试将其分解。感谢您的帮助。【参考方案2】:

你需要分页,在MySQL中你可以使用TOP:

-- Fist 10 results:
SELECT * FROM stories ORDER BY id DESC TOP 10 

-- 10 results from the number 11 (0 is the first)
SELECT * FROM stories ORDER BY id DESC TOP 10,10

-- 10 results from the number 50
SELECT * FROM stories ORDER BY id DESC TOP 50,10

要知道总结果,您可以使用 SQL_CALC_FOUND_ROWS:

SELECT SQL_CALC_FOUND_ROWS as total, stories.* FROM stories ORDER BY id DESC TOP 10 

从PHP,你可以计算分页:

$page = isset($_GET['page']) ? (int) $_GET['page'] : 1;

if ($page < 1) $page = 1;

$sql = "SELECT SQL_CALC_FOUND_ROWS as total, stories.* FROM stories ORDER BY id DESC TOP " . ($page-1) .  ",10";  

【讨论】:

@JeffPigarelli MySQL 实际上并不理解“TOP”。相反,您必须使用“LIMIT”。

以上是关于上一个/下一个按钮?的主要内容,如果未能解决你的问题,请参考以下文章

上一个/下一个按钮?

html5:上一个/下一个按钮播放前/后视频

工具栏上一个和下一个按钮逻辑

html中的上一个/下一个按钮?

简单的画廊下一个上一个按钮背景图像

jquery下一个/上一个按钮不起作用