图库页面的动态导航

Question

我正在尝试为图库页面创建动态类别导航。

导航的结构将是：

            <ul>
                <li><a href="#">Category1</a>
                <ul>
                    <li><a href="#">SubCategory1</a></li>
                    <li><a href="#">SubCategory2</a></li>
                    <li><a href="#">SubCategory3</a></li>
                </ul>
                </li>
                <li><a href="#">Category2</a>
                <ul>
                    <li><a href="#">SubCategory1</a></li>
                    <li><a href="#">SubCategory2</a></li>
                    <li><a href="#">SubCategory3</a></li>
                </ul>
                </li>
            </ul>

我在数据库中创建的当前表是：

类别
idCat
分类

子类别
idSub
子类别

cat_sub
idCat
idSub

到目前为止我在PHP和MySQL语句中所拥有的是：

            <?php
                $con = mysql_connect("localhost", "xray", "password") or die('Could not connect to server');
                mysql_select_db("xray", $con) or die('Sorry, could not connect to the database');

                $query = "SELECT categories.Category, categories.idCat, subcategories.subCategory, subcategories.idSub 
                FROM categories JOIN cat_sub ON categories.idCat = cat_sub.idCat
                JOIN subcategories ON subcategories.idSub = cat_sub.idSub";

                $result = mysql_query($query) or die('Error');

                while($row = mysql_fetch_array($result, MYSQL_ASSOC)){

                }
            ?>

我想我可能正在使用错误的连接，因为它多次返回每个类别。 我不知道如何构造while循环来实现上述结构。任何建议将不胜感激。

谢谢， 阿莱克斯