如何实现6列9行随机电影网格？PHP代码优化求助

你的思路方向有点偏了——直接在单while循环里硬写6个区块的方式逻辑太混乱，break和continue根本没法帮你把数据正确分配到不同列里。嵌套循环是更清晰的解决方案，而且我们可以先把所有数据存到数组里，再按列分组处理，这样代码可读性和维护性都会好很多。

具体实现步骤： #

1. 先把查询到的54条电影数据全部读取到一个数组中，方便后续分组操作。
2. 使用array_chunk()函数把数组拆分成6个子数组，每个子数组正好包含9条数据（对应一列的9行）。
3. 外层循环遍历每个子数组（也就是每一列），内层循环输出该列的每一个电影卡片。
4. 针对你原来代码里的错落margin-top效果，可以用列的索引来动态计算这个值。

修正后的完整代码： #

<?php
$sql = "SELECT * FROM Movies ORDER BY RAND() LIMIT 54";
$gridmovies = $mysqli->query($sql);

// 先把所有数据读取到数组中
$movies = [];
if ($gridmovies->num_rows > 0) {
    while($row = $gridmovies->fetch_assoc()) {
        $movies[] = $row;
    }
    $gridmovies->free();
} else {
    echo 'error';
    exit;
}

// 拆分成6列，每列9条数据
$columns = array_chunk($movies, 9);
?>

<?php foreach($columns as $colIndex => $columnMovies): ?>
    <div class="column" style="margin-top: <?php echo $colIndex * 40; ?>px;">
        <?php foreach($columnMovies as $movie): ?>
            <a href="/similar/<?php echo $movie['ImdbID']; ?>" class="item-card">
                <div class="overlay ov-show">
                    <div class="icon"><i class="fa fa-heart"></i></div>
                </div>
                <img src="<?php echo $movie['PosterURL']; ?>" 
                     alt="<?php echo $movie['EngTitle']; ?> / <?php echo $movie['GeoTitle']; ?>">
            </a>
        <?php endforeach; ?>
    </div>
<?php endforeach; ?>

代码解释： #

• array_chunk($movies, 9)：把54条数据的数组拆成6个长度为9的子数组，每个子数组对应一列的内容。
• 外层foreach循环处理每一列，用$colIndex计算该列的margin-top，完美还原你原来的错落布局效果。
• 内层foreach循环输出当前列的9个电影卡片，逻辑清晰，不会出现数据分配混乱的问题。

这种方式比你原来的硬编码区块要灵活得多——如果以后要修改列数或每行数量，只需要调整array_chunk的第二个参数和SQL的LIMIT值就行，不用改大量HTML结构。

内容的提问来源于stack exchange，提问作者DaftPlug