繁体   English   中英

使用PHP和Spry或类似工具从mysql显示两个表

[英]Display two tables from mysql using PHP and spry or something similar

我试图使用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中列出...然后在内容中列出。 我不知道这是否可行或是否有更好的方法。

这取决于您要获得的最终结果。 例如:

如果您唯一需要的是从一个表中获取的选项卡列表,并且它们的内容是从另一个DB表中完成的,则只需执行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部分中获得更多详细信息,请发布一些代码,以查看您希望这些标签如何工作。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM