在2个内部打印出结果

时间:2017-07-10 22:54:09

标签: php html

因此,我建立了一个快餐网站,除了显示菜单之外,我已经建立了大部分网站,这对于每次收到的注册都是不同的。我已经知道我会有类别和物品,所以带走可以有一个类别叫做#34;托盘"然后在这些类别中的5个项目与他们所做的所有不同的托盘然后他们可以为另一个食物块制作另一个类别等等。我遇到的问题是我需要打印出类别和项目。我有一个叫做类别的表,然后是另一个称为主题的项目,这些项目将存储在主题表格中,而类别中的类别则需要显示,如此

categorie 话题 话题 主题

一遍又一遍。

这是我的HTML



     <div class="menu-widget" id="2">
                            <div class="widget-heading">
                                <h3 class="widget-title text-dark">
                              POPULAR ORDERS Delicious hot food! 					
<a class="btn btn-link pull-right" data-toggle="collapse" href="#popular2" aria-expanded="true">
                              <i class="fa fa-angle-right pull-right"></i>
                              <i class="fa fa-angle-down pull-right"></i>
                              </a>
                           </h3>
                                <div class="clearfix"></div>
                            </div>
                            <div class="collapse in" id="popular2">
                                <div class="food-item">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-lg-8">
                                            <div class="rest-logo pull-left">
                                                <a class="restaurant-logo pull-left" href="#"><img src="http://placehold.it/100x80" alt="Food logo"></a>
                                            </div>
                                            <!-- end:Logo -->
                                            
                                              <?php echo "food inside";?>
                                            <div class="rest-descr">
                                                <h6><a href="#">Veg Extravaganza</a></h6>
                                                <p> Burgers, American, Sandwiches, Fast Food, BBQ</p>
                                            </div>
                                            <!-- end:Description -->
                                        </div>
                                        <!-- end:col -->
                                        <div class="col-xs-12 col-sm-12 col-lg-4 pull-right item-cart-info"> <span class="price pull-left">$ 19.99</span> <a href="#" class="btn btn-small btn btn-secondary pull-right" data-toggle="modal" data-target="#order-modal">&#43;</a> </div>
                                    </div>
                                    <!-- end:row -->
                                </div>
                                <!-- end:Food item --><!-- end:Food item --><!-- end:Food item -->
                                <div class="food-item white"><!-- end:row -->
                                </div>
                                <!-- end:Food item -->
                            </div>
                            <!-- end:Collapse -->
                        </div>
                        <!-- end:Widget menu -->
&#13;
&#13;
&#13;

这是我的代码

      <div class="col-xs-12 col-sm-8 col-md-8 col-lg-6"><!-- end:Widget menu -->




    <?php

    ///first select the category based on $_GET['cat_id']
$sql = "SELECT  * FROM categories WHERE takeawayid  =' ".$id1."'";

$result = mysql_query($sql);




if(!$result)
{
    echo 'The category could not be displayed, please try again later.' . mysql_error();
}
else
{
    if(mysql_num_rows($result) == 0)
    {
        echo 'This category does not exist.';
    }
    else
    {
        //display category data
        while($row = mysql_fetch_assoc($result))
        {
        ?>


                        <div class="menu-widget" id="2">
                            <div class="widget-heading">
                                <h3 class="widget-title text-dark">
                            <?php  echo $row['cat_name'] ;  ?> <a class="btn btn-link pull-right" data-toggle="collapse" href="#popular2" aria-expanded="true">
                              <i class="fa fa-angle-right pull-right"></i>
                              <i class="fa fa-angle-down pull-right"></i>
                              </a>
                           </h3>
                                <div class="clearfix"></div>






        <?php
                //do a query for the topics

        $sql2 = "SELECT * FROM topics WHERE topic_cat  =' ".$row['cat_id']."'";




$result2 = mysql_query($sql2);
        }



echo $row2['topic_subject'] ;

        if(!$result2)
        {
            echo 'The topics could not be displayed, please try again later.';
        }
        else
        {
            if(mysql_num_rows($result2) == 0)
            {
                echo 'There are no topics in this category yet.';
            }
            else
            {
                //prepare the table
                while($row2 = mysql_fetch_assoc($result2))
                {   


                    ?>






                            <div class="collapse in" id="popular2">
                                <div class="food-item">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-lg-8">
                                            <div class="rest-logo pull-left">
                                                <a class="restaurant-logo pull-left" href="#"><img src="http://sdfsdf.com/beta/restaurants/<?php echo $id33  ;?>.png" alt="Food logo"></a>
                                            </div>
                                            <!-- end:Logo -->


                                            <div class="rest-descr">
                                                <h6><a href="#"><?php echo $row2['topic_subject'] ;?></a></h6>
                                                <p> Burgers, American, Sandwiches, Fast Food, BBQ</p>
                                            </div>
                                            <!-- end:Description -->
                                        </div>
                                        <!-- end:col -->
                                        <div class="col-xs-12 col-sm-12 col-lg-4 pull-right item-cart-info"> <span class="price pull-left">$ 19.99</span> <a href="#" class="btn btn-small btn btn-secondary pull-right" data-toggle="modal" data-target="#order-modal">&#43;</a> </div>
                                    </div>
                                    <!-- end:row -->


                                </div>
                                <!-- end:Food item --><!-- end:Food item --><!-- end:Food item -->
                                <div class="food-item white"><!-- end:row -->
                                </div>
                                <!-- end:Food item -->
                            </div>
                            <!-- end:Collapse -->


                 </div>
                 </div>

                                    <?php

                }
            }
        }
    }
}
?>





                        <!-- end:Widget menu -->

代码有效,但当我添加超过1个结果时,我得到了这个 http://prntscr.com/fu3qll

这里有1只猫和2个主题 https://prnt.sc/fu3g2j

效果很好但是当我在每个内部添加2只猫和4个主题2时,我会在fu3kbk链接上方

1 个答案:

答案 0 :(得分:0)

所以我通过向下移动支架来修复它 $ result2 = mysql_query($ sql2);

                  <div class="col-xs-12 col-sm-8 col-md-8 col-lg-6"><!-- end:Widget menu -->





    <?php

    ///first select the category based on $_GET['cat_id']
$sql = "SELECT    * FROM categories WHERE takeawayid  =' ".$id1."'";

$result = mysql_query($sql);




if(!$result)
{
    echo 'The category could not be displayed, please try again later.' . mysql_error();
}
else
{
    if(mysql_num_rows($result) == 0)
    {
        echo 'This category does not exist.';
    }
    else
    {
        //display category data
        while($row = mysql_fetch_assoc($result))
        {
        ?>


                        <div class="menu-widget" id="2">
                            <div class="widget-heading">
                                <h3 class="widget-title text-dark">
                            <?php  echo $row['cat_name'] ;  ?> <a class="btn btn-link pull-right" data-toggle="collapse" href="#popular2" aria-expanded="true">
                              <i class="fa fa-angle-right pull-right"></i>
                              <i class="fa fa-angle-down pull-right"></i>
                              </a>
                           </h3>
                                <div class="clearfix"></div>
                            </div>




        <?php
                //do a query for the topics








            $sql2 = "SELECT    * FROM topics WHERE topic_cat  =' ".$row['cat_id']."'";       
$result2 = mysql_query($sql2);


        if(!$result2)
        {
            echo 'The topics could not be displayed, please try again later.';
        }
        else
        {
            if(mysql_num_rows($result2) == 0)
            {
                echo 'There are no topics in this category yet.';
            }
            else
            {
                //prepare the table
                while($row2 = mysql_fetch_assoc($result2))
                {    


                    ?>






                            <div class="collapse in" id="popular2">
                                <div class="food-item">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-lg-8">
                                            <div class="rest-logo pull-left">
                                                <a class="restaurant-logo pull-left" href="#"><img src="http://geatzo.com/beta/restaurants/<?php echo $id33  ;?>.png" alt="Food logo"></a>
                                            </div>
                                            <!-- end:Logo -->


                                            <div class="rest-descr">
                                                <h6><a href="#"><?php echo $row2['topic_subject'] ;?></a></h6>
                                                <p> Burgers, American, Sandwiches, Fast Food, BBQ</p>
                                            </div>
                                            <!-- end:Description -->
                                        </div>
                                        <!-- end:col -->
                                        <div class="col-xs-12 col-sm-12 col-lg-4 pull-right item-cart-info"> <span class="price pull-left">$ 0</span> <a href="#" class="btn btn-small btn btn-secondary pull-right" data-toggle="modal" data-target="#order-modal">+</a> </div>
                                    </div>
                                    <!-- end:row -->


                                </div>
                                <!-- end:Food item --><!-- end:Food item --><!-- end:Food item -->

                                <!-- end:Food item -->
                            </div>
                            <!-- end:Collapse -->


                                    <?php

                }
            }
        }
    }
     }
}
?>



                            </div>

                            </div>
                        <!-- end:Widget menu -->