将数据库条目分组到动态 HTML 表中

Posted

技术标签:

【中文标题】将数据库条目分组到动态 HTML 表中【英文标题】:Grouping database entries into dynamic HTML tables 【发布时间】:2019-07-07 05:52:26 【问题描述】:

我有一个数据库,其中团队将有多个条目,每个条目具有不同的位置。每个条目都有一个团队名称。因此,例如,team1 可能会出现多次,但每次的位置都会不同。

DB的结构是(每个代表一个列标题):

team_name, first_name, last_name, location, arrival_time

我当前的工作代码创建按团队名称分组的 html 表格,但目前只创建一行来显示第一个位置和第一个位置的到达时间。我需要它来动态创建更多行以显示每个团队的所有位置和到达时间。

想要的结果应该是这样的 - https://codepen.io/TheBigFolorn/pen/LqJeXr

但目前的结果是这样的—— https://codepen.io/TheBigFolorn/pen/qgMppx

以下是 DB 表外观的示例 - https://codepen.io/TheBigFolorn/pen/daqJze

我尝试打破回声并在我想要应用上述逻辑的行之前添加第二个 while 循环,但它似乎破坏了一切。任何关于我如何让它工作而不必为每个团队使用单独查询的输入将非常感激。我是php新手,所以请放轻松:)

<?php

$leaders = "SELECT *, COUNT(location) FROM my_example_table  GROUP BY team_name";
$result = mysqli_query($connect, $leaders) or die ("<br>** Error in database table <b>".mysqli_error($connect)."</b> **<br>$sql");


if ($result->num_rows > 0) 
// output data of each row
while($row = $result->fetch_assoc()) 
     echo "
        <div class='red-border'>
            <h2>". $row["team_name"]. "<br><small>Total locations visited: ". $row["COUNT(location)"]. "</small></h2>
        </div>
        <div class='data-holder'>
            <table>
                <tr>
                    <th>Location</th>
                    <th>Time of arrival</th>
                </tr>

                <tr><td>". $row["location"]. "</td> <td>". $row["arrival_time"]. "</td></tr>

            </table>
        </div>
        ";
    
 else 
echo "0 results";


?>

【问题讨论】:

从您的表中查看一些原始数据样本以及当前查询的样本输出将非常有帮助。如果不查看源数据,很难可视化 PHP 代码输出的内容。最后,所需输出的示例(基于示例数据)将非常有用,并且比仅描述更容易理解。谢谢。 感谢阿迪森。我添加了几个显示所需/当前结果的 codepen 链接和一个表来复制数据库的外观 【参考方案1】:

您可能已经意识到,您的问题是由 GROUP BY 引起的。为了获得每个团队的计数,这是必要的,但会导致每个团队输出的行数仅为 1 - 这就是分组所做的。从根本上说,运行 COUNT 或 SUM 等聚合查询与同时输出所有行数据是不兼容的。你要么做一个,要么做另一个。

现在,您可以运行两个查询 - 一个获取计数,一个获取所有行。但实际上你并不需要。如果您只选择所有行,那么每个团队的计数是隐含在您的数据中的。由于无论如何您都需要遍历它们以在 HTML 中输出它们,因此您不妨使用该过程来跟踪每个团队的行数,并创建“Total HTML 中的“位置数量”标题。

有两点是关键:

1) 使查询以有用的顺序输出数据:

SELECT * FROM my_example_table  Order By team_name, arrival_time;

2) 到达表格行后,不会立即将 HTML 回显到页面。相反,将 HTML sn-ps 放入变量中,您可以在该过程中的不同时间填充这些变量(因为在您循环该团队的所有行之前,您不会知道每个团队的总位置),然后将它们全部串在一起稍后获得最终输出:

$leaders = "SELECT * FROM my_example_table  Order By team_name, arrival_time;";
$result = mysqli_query($connect, $leaders) or die ("<br>** Error in database table <b>".mysqli_error($connect)."</b> **<br>$sql");

$currentTeam = "";
$locationCount = 0;
$html = "";
$teamHtmlStart = "";
$teamHtmlEnd = "";

if ($result->num_rows > 0)


while($row = $result->fetch_assoc()) 

  //run this bit if we've detected a new team
  if ($currentTeam != $row["team_name"])  
      //finalise the previous team's html and append it to the main output
      if ($currentTeam != "") $html .= $teamHtmlStart.$locationCount.$teamHtmlEnd."</table></div>";

      //reset all the team-specific variables
      $currentTeam = $row["team_name"];
      $teamHtmlStart = "<div class='red-border'><h2>".$currentTeam."<br><small>Total locations visited: ";
      $locationCount = 0;
      $teamHtmlEnd = "</small></h2>
        </div>
        <div class='data-holder'>
            <table>
                <tr>
                    <th>Location</th>
                    <th>Time of arrival</th>
                </tr>";
  

  $teamHtmlEnd .= "<tr><td>". $row["location"]. "</td> <td>". $row["arrival_time"]. "</td></tr>";
  $locationCount++;


//for the final team (since the loop won't go back to the start):
$html .= $teamHtmlStart.$locationCount.$teamHtmlEnd."</table></div>";
echo $html;

else 
echo "0 results";

这是一个可运行的演示(使用一些静态数据代替 SQL 查询):http://sandbox.onlinephpfunctions.com/code/2f52c1d7ec242f674eaca5619cc7b9325295c0d4

【讨论】:

太棒了!非常感谢您花时间看这个。很沮丧知道我想做什么,但只是不知道如何去做。这绝对足以让我上路

以上是关于将数据库条目分组到动态 HTML 表中的主要内容,如果未能解决你的问题,请参考以下文章

将表单条目保存到变量并添加到表中

自动将不同表中的 ID 号添加到新条目中?

动态将表中的数据检索到jsp中

如何知道数据库中的条目是不是唯一

使用JQuery将文本添加到动态创建的HTML表中

在 Python 中:一次将 QtableWidget 中的所有条目插入数据库表中