JSTL-在JSP中创建动态下拉菜单，从列表中提取数据（java.util.列表）

Question

MVC模式：servlet JSP页面。我有一个（基本）外观的class类别：

public class Category{
   private Integer id;
   private String name;
   private Category parentCategory;
   ...
   //getters and setters
}

这个类应该代表类别-子类别的概念：一个类别可以有多个子类别，类别不需要有父类（顶级类别，父母类别字段为空），如果它是一个子类别，那么它的父母类别字段代表它的父类）。

在servlet中，我将数据库中的所有类别提取到java中。util。列出对象。然后，我将此列表附加到应用程序范围（servlet上下文）并将其转发到JSP页面。

List<Category> categories = categoryDao.findAll();
ServletContext servletContext = getServletContext();
servletContext.setAttribute("categories", categories);

现在，在JSP页面中，我有一个导航菜单，您可以在这里看到它：http://jsfiddle.net/vvozar/tMz9A/1/（请参阅jsfiddle link中的菜单查找）下拉菜单是HTML中的简单无序列表，其子菜单是某些菜单项下的嵌套无序列表。示例（静态）：

<nav>
            <!-- Navigation -->
            <ul class="dropdownMenu">
                <li><a href="#">Home</a></li>

                <li><a href="#">Categories</a>
                    <ul class="droprightMenu">
                        <li><a href="#">All</a>
                            <ul class="droprightMenu">
                                <li><a href="#">Category 1</a>
                                    <ul class="droprightMenu">
                                        <li><a href="#">Category 1.1</a></li>
                                        <li><a href="#">Category 1.2</a></li>
                                        <li><a href="#">Category 1.3</a></li>
                                        <li><a href="#">Category 1.4</a></li>
                                    </ul></li>
                                <li><a href="#">Category 2</a></li>
                                <li><a href="#">Category 3</a></li>
                                <li><a href="#">Category 4</a></li>
                            </ul></li>
                        <li><a href="#">Manage</a></li>
                    </ul></li>

                <li><a href="#">Profile</a>
                    <ul class="droprightMenu">
                        <li><a href="#">Login</a></li>
                        <li><a href="#">Register</a></li>
                        <li><a href="#">Edit Profile</a></li>
                        <li><a href="#">My Posts</a></li>
                        <li><a href="#">Logout</a></li>
                    </ul></li>

                <li><a href="#">Help</a></li>
            </ul>
        </nav>

我想通过从列表中读取类别/子类别，按照类别层次结构创建这些菜单和子菜单（动态）。（具有相同父级的类别属于同一下拉菜单）。

JSTL循环创建类别菜单应该是什么样子？




Answer 1

我将子类别深度级别限制为3。因此，JSTL循环是：

        <li><a href="#">Categories</a>
            <ul class="droprightMenu">
                <li><a href="#">All</a>
                    <ul class="droprightMenu">

                        <!-- first loop, extracting categories level 1  -->
                        <c:forEach items="${categories }" var="catLevel1">

                            <c:if test="${catLevel1.getParentCategory()==null }">
                                <li><a href="#">${catLevel1.getName() }</a> 

                                <!-- second loop, extracting categories level 2  -->
                                    <ul class="droprightMenu">
                                        <c:forEach items="${categories }" var="catLevel2">

                                            <c:if test="${catLevel2.getParentCategory().getId()==catLevel1.getId() }">
                                                <li><a href="#">${catLevel2.getName() }</a> 

                                                <!-- third loop, categories level 3  -->
                                                    <ul class="droprightMenu">
                                                        <c:forEach items="${categories }" var="catLevel3">

                                                            <c:if test="${catLevel3.getParentCategory().getId()==catLevel2.getId() }">
                                                                <li><a href="#">${catLevel3.getName() }</a></li>
                                                            </c:if>

                                                        </c:forEach>
                                                    </ul></li>
                                            </c:if>

                                        </c:forEach>
                                    </ul></li>
                            </c:if>
                        </c:forEach>

                    </ul></li>
            </ul></li>

Answer 2

你知道子菜单的最大级别吗？

我觉得你应该试试脚本和递归