使用 PHP 和 spry 或类似的东西从 mysql 显示两个表答案

【问题标题】：Display two tables from mysql using PHP and spry or something similar使用 PHP 和 spry 或类似的东西从 mysql 显示两个表
【发布时间】：2012-10-24 15:03:03
【问题描述】：

我正在尝试使用 PHP 和 spry 之类的东西在 mysql 中显示来自两个不同表的数据。最初，我想使用 spry 选项卡式面板，但我不确定这是否可能。我希望从一个表中填充选项卡名称，并从另一个表中填充该选项卡的内容。这是基本的html...

<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">NAME_1 POPULATED FROM FIRST TABLE</li>
    <li class="TabbedPanelsTab" tabindex="0">NAME_2 POPULATED FROM FIRST TABLE</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
    <table border="0" cellspacing="5" cellpadding="5">
        <tr>
<!-- CONTENT POPULATED FROM SECOND TABLE!-->
          <td width="450">&nbsp;</td>
          <td width="50">&nbsp;</td>
          <td width="50">&nbsp;</td>
          <td width="50">&nbsp;</td>
          <td width="50">&nbsp;</td>
        </tr>
      </table></div>
   </div>
</div>
</div>

我想我会遇到的问题是我无法将选项卡与内容连接起来。由于选项卡首先在 html 中列出......然后是内容。我不知道这是否可能或是否有更好的方法。

【问题讨论】：

标签： php html mysql html-table spry

【解决方案1】：

这在一定程度上取决于您想要获得的最终结果。例如：

如果您唯一需要的是从一个表中获取的选项卡列表及其从另一个数据库表中完成的内容，您只需要执行 2 次查询，每个表一个，并将结果保存在变量中。然后，您可以在一个变量中完成 HTML 结构，最后在最后对这个变量进行回显。

// $result1 has the info of the tab names.
// $result2 has the contents of each tab.
$final_html='<div id="TabbedPanels1" class="TabbedPanels">
             <ul class="TabbedPanelsTabGroup">';

while($row1=$result1->mysqli_fetch_array()){
     $final_html.="<li class=\"TabbedPanelsTab\" tabindex=\"0\">$row1[0]</li>";
}

$final_html.='</ul><div class="TabbedPanelsContentGroup">
              <div class="TabbedPanelsContent">
              <table border="0" cellspacing="5" cellpadding="5">
              <tr>';

while($row2=$result2->mysqli_fetch_array()){
     $final_html.="<td width=\"450\">$row2[0]</td>";
}

$final_html.='</tr></table></div></div></div></div>';

echo $final_html;

如果问题是如何使标签工作，我建议使用Jquery。

主要思想是使用基于选项卡和选项卡内容中相同变量的 id。例如，一个选项卡可以命名为“tab1”，其内容可以命名为“tab1content”。

如果您想了解更多关于 Jquery 部分的详细信息，请发布您的一些代码以查看您希望这些选项卡如何工作。

【讨论】：