2017-10-07 28 views
0

序列在用PHP从MySQL显示结果

 <div class="container-fluid projects-container"> 
 
      <div class="container projects-list"> 
 
\t \t \t 
 
<?php 
 
$servername = "localhost"; 
 
$username = "user_showcase"; 
 
$password = "password123"; 
 
$dbname = "data_showcase"; 
 

 
$conn = new mysqli($servername, $username, $password, $dbname); 
 
if ($conn->connect_error) { 
 
    die("Connection failed: " . $conn->connect_error); 
 
} 
 

 
$sql = "SELECT id, name, description, link, date, image, size, picid FROM projects"; 
 
$result = $conn->query($sql); 
 

 
     \t if ($result->num_rows > 0) { 
 
    while($row = $result->fetch_assoc()) { 
 
     echo " <div class='col-md-6 box' id='".$row["id"]."'><div class='project'><div class='image blurry' id='".$row["picid"]."' style='background: url(http://www.all-channels.com/projects/images/".$row["image"].") top center no-repeat;'></div><div class='description-small'> 
 
\t \t 
 
\t \t <h6>".$row["date"]."</h6> 
 
\t \t <h2>". $row["name"]. "</h2> 
 
\t \t <p>". $row["description"]. "</p> \t \t 
 
\t \t <a href=" . $row["link"] . " target='_blank' class='go'>Take a look</a></div></div></div> "; 
 
    } 
 
} else { 
 
    echo "0 results"; 
 
} 
 
\t \t \t \t $conn->close(); 
 
?> 
 

 
      </div> 
 
     </div> 
 
\t \t

需要一种方法来从MySQL数据库中的自举的div序列中显示信息:

  1. 第一和表中的第二行在类col-md-6的两个邻居div中显示。与显示在另一个DIV
  2. 第三排类COL-MD-12
  3. 然后从接下来的两行信息后,在两个山坳-MD-6再次显示COL-MD-12的一个和第六个是col-md-12。

我已经制作了回声等宽列中所有结果的代码。 只是不知道如何让它显示在不同的宽度divs以所需的顺序。

+0

能否请您补充一点,你已经尝试的代码。这样我们才能了解你想要达到什么以及你尝试过什么。 –

+0

以上类型即3行将始终保持不变或可能有所不同 –

+0

刚刚发布我的代码,不确定“3行将保持不变”的含义。 – jonkata1985

回答

0

最简单的方式实现这一目标

$counter = 1; 
while($row = $result->fetch_assoc()){ 
    /* If any particular pattern by which you will get to know whether the code is gonna go in 2 columns (col-md-6) or 1 column (col-md-12) */ 
    /* Based on your code pattern if the loop in divisible by 3 then its col-md-12 else its col-md-6. The following code does the trick for you */ 
    $columnCondition = ($counter % 3 == 0) ? 'col12' : 'col6'; 
    switch($columnCondition){ 
     case 'col6': 
      echo '<div class="col-md-6">'; 
       //Row value 
      echo '</div>'; 
      break; 

     case 'col12': 
      echo '<div class="col-md-12">'; 
       //Row value 
      echo '</div>'; 
      break; 
    } 
    $counter++; 
} 
+0

https://ibb.co/j90Aiw - 这是模式,不需要硬编码因为我已经在表中有95行,并且将来我需要几乎每天都添加新行。 – jonkata1985

+0

@ jonkata1985我已更新我的代码。请检查 –

+0

是的,它的工作。非常感谢Channaveer :) – jonkata1985