Question

我目前正在尝试构建屏幕截图库。我完成了第一步，即用户可以将图像上传到mysql数据库。

这就是图库的图像提供给图库脚本的方式。不幸的是，我花了几个月的时间来完善我将各种东西放入数据库的能力，但没有多少时间如何从数据库中获取它们并以用户友好的格式显示。

Twitter Bootstrap流体网格系统
Twitter Bootstrap利用流体网格系统显示数据。您不必使用它，但它可以使布局更好看。现在，屏幕截图库需要显示图像行，每行宽4列。现在这里是踢球者，这是每一行的结构。

http://pastebin.com/HvBK5rTC

我需要一遍又一遍地生成那一行。但我需要填充它的图像停止在4，回显适当的结束div，回显另一行的开头div，回声四个图像，等等。

我没有任何代码，因为我不知道从哪里开始。如果你能帮助我开始，我可以提供你需要的任何东西。

修改这是我到目前为止所提出的，但我不知道如何关闭<div class="row-fluid">并打开一个新的。

http://pastebin.com/EADji2eh

Answer 1

你几乎就在那里。不推荐使用mysql_* fn，你应该使用PDO等。

您可以通过为流量控制添加外部循环，并使用已经作为内部的内容来执行您所需的操作。结果数组，它将自动遍历结果集，无需跟踪限制等偏移量。

<强> build_gallery_fn.php：

function image_from_database() {
            // use a running counter for flow control of the outer loop
        $runningcount = 0;

        $r = mysql_query("SELECT DISTINCT logo AS `img` FROM NewsArticles WHERE logo IS NOT NULL AND logo !='';");

            //Get # of images in results to use as upper limit for outer loop
        $img_ct = mysql_num_rows($r);

        while ($runningcount <= $img_ct){

                    //rowcount reset to break content blocks
            $rowcount = 0;


            echo "<div class=\"row-fluid\">";

            $runningcount++;

                    while(($rowcount <= 3) && $row = mysql_fetch_assoc($r))
            {
                    $rowcount++; 
                    $img = $row['img'];
                    echo '<div class="span2">';
                    echo "<span class='thumbnail'><img src='attachments/logos/$img'/> Photo # $runningcount of $img_ct</span>";
                    echo '</div>';
            }
            echo "</div>";

        }
}

输出持有人：

<div class="container">
    <h1 class="text-center">The American Pacific Group ScreenShot Gallery</h1>
    <hr>

            <?php
                    echo image_from_database();
            ?>

</div>

使用Twitter Bootstrap构建ScreenShot库

1 个答案: