PHP MySQL 结果显示两次为什么？

Question

我有这个简单的 PHP 脚本来从本地 WAMP 服务器获取结果，当我回显查询时，它会为我拥有的每条记录显示一条记录两次！

结果如图所示：

这是 PHP MySQL 脚本

<?php
error_reporting(E_ALL ^ E_DEPRECATED);
$movie_lists = "";
$no_result = "";

$servername = "localhost";
$username = "root";
$password = "localpass";
$dbname = "movieadventuredb";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 
//$sql = "SELECT id, movie_quality, movie_release_date FROM movielisting";
$sql = "SELECT * FROM movielisting ORDER BY ID DESC LIMIT 10";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
// output data of each row
   while($row = $result->fetch_assoc()) {
       //echo "id: " . $row["id"]. " - Name: " . $row["movie_name"]. " " .     $row["movie_quality"]. "<br>";

    $id = $row["id"];
    $movie_quality = $row["movie_quality"];
    $release_date = strftime("%Y", strtotime($row["movie_release_date"]));

    $movie_lists .= "<div class='item item-1'><a href='#'><img src='inventory_images/$id.jpg'/></a>
                        <a href='#'><div class='overlay'>
                            <p class='movie_quality $movie_quality'>$movie_quality</p>
                            <p class='movie_year year'>$release_date</p>
                        </div></a>
                    </div>";


     }
   } else {
      $movie_lists = "";
   }
      $conn->close();
 ?>

下面是列表的 CSS 代码。

.recent_movies_slider .recent_movie_lists {float:left; width:97%;}
.slider-horizontal {width:90%; margin:25px auto; *background:#eee; height:240px; z-index:1;}
.slider-horizontal .item {height:200px; width:150px; margin:20px 10px 0;}
.slider-horizontal .item img {height:200px; width:150px;}
.slider-vertical {width:364px; margin:25px 0; float:left; background:#eee; height:300px;}
.slider-vertical .item {height:80px; width:324px; margin:10px 0 10px 20px;}
.overlay { position: relative; top:-204px; left:0; *right:0; *bottom:0; width:150px; height:200px; z-index:2; display:block; *background:red; *background-color: rgba(0,0,0,0.5); color:#fff;}
.overlay:hover {background:rgba(48, 160, 186, 0.43) url("../default_images/play-button.png") no-repeat; background-position:50% 50%;}
.movie_quality {
position: absolute;
bottom: 5px;
left: 5px;
text-transform:uppercase;
 }
   .hd {background:#B43104; padding:2px; border-radius:2px;}
   .cam {background:#DBA901; padding:2px; border-radius:2px;}
   .year {background:#086A87; padding:2px; border-radius:2px;}
   .movie_year {
      position: absolute;
      bottom: 5px;
      right: 5px;
   }

下面是输出结果的 HTML

<div class="recent_movie_lists">
   <div id="slider" class="slider-horizontal">
       <?php echo $movie_lists; ?>
   </div>
</div>

Answer 1

尝试设置：$movie_lists = (all your code); 而不是 $movie_lists .= (all your code)。

对于上面的所有内容，我们深表歉意，正如 cmets 中已经回答的那样。为什么不在div 中回显while 循环？

<div class="recent_movie_lists">
   <div id="slider" class="slider-horizontal">
       <?php
       if ($result->num_rows > 0) {
// output data of each row
   while($row = $result->fetch_assoc()) {
       //echo "id: " . $row["id"]. " - Name: " . $row["movie_name"]. " " .     $row["movie_quality"]. "<br>";

    $id = $row["id"];
    $movie_quality = $row["movie_quality"];
    $release_date = strftime("%Y", strtotime($row["movie_release_date"]));

    echo "<div class='item item-1'><a href='#'><img src='inventory_images/$id.jpg'/></a>
                        <a href='#'><div class='overlay'>
                            <p class='movie_quality $movie_quality'>$movie_quality</p>
                            <p class='movie_year year'>$release_date</p>
                        </div></a>
                    </div>";


     }
   } else {
      echo "";
   }
?>
   </div>
</div>

我假设您将 HTML 和 PHP 保存在同一个文件中。