jsf - 如何构建动态菜单

Question

嘿，我是使用 jsf 的新手，所以我想用从数据库加载的项目构建一个动态菜单，但我不确定我需要什么功能或如何为菜单构建支持 bean。我已经创建了数据库和三个表 Rol、User、Rol x User、Items。还有什么是项目表的好属性？？？。

Answer 1

每个都Rol应该有Items，所以你需要一个额外的表，ItemsXRol我会选择这个列Item：id, label, url, tooltip, father_item, level类似的东西，当然你应该选择你的列以满足你的需要。

然后要创建菜单，使用Primefaces从数据库中动态获取项目，您可以使用一个MenuModel对象。

//MenuBean
 model = new DefaultMenuModel();  

    //First submenu  
    DefaultSubMenu firstSubmenu = new DefaultSubMenu("Dynamic Submenu");  

    DefaultMenuItem item = new DefaultMenuItem("External");  
    item.setUrl("http://www.primefaces.org");  
    item.setIcon("ui-icon-home");  
    firstSubmenu.addElement(item);  

    model.addElement(firstSubmenu);  

    //Second submenu
    ...

在 .xhtml 文件中，您输入如下内容：

<p:menu model="#{menuBean.model}"/> 

但是要生成从数据库中获取值的菜单，您可以使用 DAO 从您的实体中获取 MenuItems。

如果您的菜单具有n 级格式，它可能会成为一种方便的递归方法来生成MenuModel您必须在其中迭代Items以创建第一级菜单，然后递归地创建每个父亲的孩子。

如果您想了解更多信息，MenuModel请访问https://www.primefaces.org/showcase/ui/menu/menu.xhtml

Answer 2

org.primefaces.model.menu.*Primefaces 为您提供了一种使用类动态构建菜单的编程方式。在您的托管 bean 中使用 aMenuModel并在您的 facelet 页面上引用它。例子：

public class MenuBean {  

    private MenuModel model;  

    public MenuBean() {
        // Build your menu here
    }

    // Gets and sets
}

在你的脸上：

<p:menu model="#{menuBean.model}"/>

更多详情： http: //www.primefaces.org/showcase/ui/menu.jsf