三列布局循环使用相同的数据


Three column layout keeps looping with the same data

我有一些PHP代码,从数据库中提取数据,并将其放置到三列布局,如下所示:

第一栏第二栏第三栏

现在可以工作了,唯一的问题是,while循环继续进行,它一遍又一遍地重复相同的数据。如果我在数据库中只有一个条目,那么这将重复三次,最后得到一列数据。如下所示:

http://www.gulfwarmemorial.co.uk/events.php

如果我有三个条目,那么行是重复的。我试了各种方法,但似乎都不起作用。

    $tableName="fundraising_event";     
$targetpage = "events.php";     
$limit = 6; 
$query = "SELECT COUNT(*) as num FROM $tableName";
$total_pages = mysql_fetch_array(mysql_query($query));
$total_pages = $total_pages[num];
$stages = 3;
$page = mysql_escape_string($_GET['page']);
if($page){
    $start = ($page - 1) * $limit; 
}else{
    $start = 0; 
    }   
// Get page data
$query1 = "SELECT *, SUBSTRING(event_details,1,200) AS event_details_short FROM $tableName LIMIT $start, $limit";
$result = mysql_query($query1);
// Initial page num setup
if ($page == 0){$page = 1;}
$prev = $page - 1;  
$next = $page + 1;                          
$lastpage = ceil($total_pages/$limit);      
$LastPagem1 = $lastpage - 1;                    

$paginate = '';
if($lastpage > 1)
{   


    $paginate .= "<div class='paginate'>";
    // Previous
    if ($page > 1){
        $paginate.= "<a href='$targetpage?page=$prev'>previous</a>";
    }else{
        $paginate.= "<span class='disabled'>previous</span>";   }

    // Pages    
    if ($lastpage < 7 + ($stages * 2))  // Not enough pages to breaking it up
    {   
        for ($counter = 1; $counter <= $lastpage; $counter++)
        {
            if ($counter == $page){
                $paginate.= "<span class='current'>$counter</span>";
            }else{
                $paginate.= "<a href='$targetpage?page=$counter'>$counter</a>";}                    
        }
    }
    elseif($lastpage > 5 + ($stages * 2))   // Enough pages to hide a few?
    {
        // Beginning only hide later pages
        if($page < 1 + ($stages * 2))       
        {
            for ($counter = 1; $counter < 4 + ($stages * 2); $counter++)
            {
                if ($counter == $page){
                    $paginate.= "<span class='current'>$counter</span>";
                }else{
                    $paginate.= "<a href='$targetpage?page=$counter'>$counter</a>";}                    
            }
            $paginate.= "...";
            $paginate.= "<a href='$targetpage?page=$LastPagem1'>$LastPagem1</a>";
            $paginate.= "<a href='$targetpage?page=$lastpage'>$lastpage</a>";       
        }
        // Middle hide some front and some back
        elseif($lastpage - ($stages * 2) > $page && $page > ($stages * 2))
        {
            $paginate.= "<a href='$targetpage?page=1'>1</a>";
            $paginate.= "<a href='$targetpage?page=2'>2</a>";
            $paginate.= "...";
            for ($counter = $page - $stages; $counter <= $page + $stages; $counter++)
            {
                if ($counter == $page){
                    $paginate.= "<span class='current'>$counter</span>";
                }else{
                    $paginate.= "<a href='$targetpage?page=$counter'>$counter</a>";}                    
            }
            $paginate.= "...";
            $paginate.= "<a href='$targetpage?page=$LastPagem1'>$LastPagem1</a>";
            $paginate.= "<a href='$targetpage?page=$lastpage'>$lastpage</a>";       
        }
        // End only hide early pages
        else
        {
            $paginate.= "<a href='$targetpage?page=1'>1</a>";
            $paginate.= "<a href='$targetpage?page=2'>2</a>";
            $paginate.= "...";
            for ($counter = $lastpage - (2 + ($stages * 2)); $counter <= $lastpage; $counter++)
            {
                if ($counter == $page){
                    $paginate.= "<span class='current'>$counter</span>";
                }else{
                    $paginate.= "<a href='$targetpage?page=$counter'>$counter</a>";}                    
            }
        }
    }
            // Next
    if ($page < $counter - 1){ 
        $paginate.= "<a href='$targetpage?page=$next'>next</a>";
    }else{
        $paginate.= "<span class='disabled'>next</span>";
        }
    $paginate.= "</div>";       

     }
         ?>
    <?php while($row = mysql_fetch_array($result)){?>           
                <div class="row-fluid">
                    <article class="span4 mid">
                        <div class="img">
                            <img src="images/<?php echo $row['image_link']; ?>" alt="post4" />
                            <div class="overlay"></div>
                        </div>
                        <div class="info">
                            <p class="tags">
                            <?php   echo $row['event_type']; ?>
                            <?php   echo $row['location']; ?>
                            </p>
                            <h1><a href=""><?php    echo $row['event_title']; ?></a></h1>
                            <p class="details"> <?php   echo $row['date']; ?> |  <?php  echo $row['posted_by']; ?></p>
                            <p class="text">
                                 <?php  echo $row['event_details_short']; ?>
                            </p>
                        </div>
                    </article>
                    <article class="span4 mid">
                        <div class="img">
                            <img src="images/<?php echo $row['image_link']; ?>" alt="post4" />
                            <div class="overlay"></div>
                        </div>
                        <div class="info">
                            <p class="tags">
                            <?php   echo $row['event_type']; ?>
                            <?php   echo $row['location']; ?>
                            </p>
                            <h1><a href=""><?php    echo $row['event_title']; ?></a></h1>
                            <p class="details"> <?php   echo $row['date']; ?> |  <?php  echo $row['posted_by']; ?></p>
                            <p class="text">
                                 <?php  echo $row['event_details_short']; ?>
                            </p>
                        </div>
                    </article>
                    <article class="span4 mid">
                        <div class="img">
                            <img src="images/<?php echo $row['image_link']; ?>" alt="post4" />
                            <div class="overlay"></div>
                        </div>
                        <div class="info">
                            <p class="tags">
                            <?php   echo $row['event_type']; ?>
                            <?php   echo $row['location']; ?>
                            </p>
                            <h1><a href=""><?php    echo $row['event_title']; ?></a></h1>
                            <p class="details"> <?php   echo $row['date']; ?> |  <?php  echo $row['posted_by']; ?></p>
                            <p class="text">
                                 <?php  echo $row['event_details_short']; ?>
                            </p>
                        </div>
                    </article>
                </div>
                <?php } ?>

问题是,反过来,您需要用数据库中的当前事件填充一个事件列。因此,您需要为下一行添加一个选择器来填充下一个事件列。

您可以选择依次填充每个列,这稍微复杂一些。或者水平填充这些列。这段代码试图做到的。

这是所有未经测试的代码,但希望显示所需的逻辑。

  <?php $columnSelector = 0; // define a column selector ?>
   <?php while($row = mysql_fetch_array($result)) :?>
   <?php if ($columnSelector == 0): ?>
    <div class="row-fluid">
        <article class="span4 mid">
            <div class="img">
                <img src="images/<?php echo $row['image_link']; ?>" alt="post4" />
                <div class="overlay"></div>
            </div>
            <div class="info">
                <p class="tags">
                <?php   echo $row['event_type']; ?>
                <?php   echo $row['location']; ?>
                </p>
                <h1><a href=""><?php    echo $row['event_title']; ?></a></h1>
                <p class="details"> <?php   echo $row['date']; ?> |  <?php echo $row['posted_by']; ?></p>
                <p class="text">
                     <?php  echo $row['event_details_short']; ?>
                </p>
            </div>
        </article>
   <?php elseif ($columnSelector == 1): ?>
        <article class="span4 mid">
            <div class="img">
                <img src="images/<?php echo $row['image_link']; ?>" alt="post4" />
                <div class="overlay"></div>
            </div>
            <div class="info">
                <p class="tags">
                <?php   echo $row['event_type']; ?>
                <?php   echo $row['location']; ?>
                </p>
                <h1><a href=""><?php    echo $row['event_title']; ?></a></h1>
                <p class="details"> <?php   echo $row['date']; ?> |  <?php echo $row['posted_by']; ?></p>
                <p class="text">
                     <?php  echo $row['event_details_short']; ?>
                </p>
            </div>
        </article>
   <?php elseif ($columnSelector == 2): ?>
        <article class="span4 mid">
            <div class="img">
                <img src="images/<?php echo $row['image_link']; ?>" alt="post4" />
                <div class="overlay"></div>
            </div>
            <div class="info">
                <p class="tags">
                <?php   echo $row['event_type']; ?>
                <?php   echo $row['location']; ?>
                </p>
                <h1><a href=""><?php    echo $row['event_title']; ?></a></h1>
                <p class="details"> <?php   echo $row['date']; ?> |  <?php echo $row['posted_by']; ?></p>
                <p class="text">
                     <?php  echo $row['event_details_short']; ?>
                </p>
            </div>
        </article>
   <?php endif; ?>
    </div>
   <?php $columnSelector++; // advance to the next row?>
   <?php $columnSelector %= 3; // reset to zero every third event?>
  <?php endwhile; ?>