Vaadin：如何添加3个嵌套布局

或者具有3个嵌套布局是不可能的vaadin？

这是可能的。但你实现RouterLayout在这两个OperationsView和AppView类？

看看到这里的例子：多个父布局与@ParentLayout。它有一个建立相当接近你的。

public class MainLayout extends Div implements RouterLayout {
}

@ParentLayout(MainLayout.class)
public class MenuBar extends Div implements RouterLayout {
    public MenuBar() {
        addMenuElement(TutorialView.class, "Tutorial");
        addMenuElement(IconsView.class, "Icons");
    }
    private void addMenuElement(Class<? extends Component> navigationTarget,
            String name) {
        // implementation omitted
    }
}

@Route(value = "tutorial", layout = MenuBar.class)
public class TutorialView extends Div {
}

@Route(value="icons", layout = MenuBar.class)
public class IconsView extends Div {
}

如果不是网址为：/操作/ operation1而不是/ operation1？

不，在你的@Router注释您指定它的operation1。通过指定layout正在定义的DOM结构，而不是导航route.From 文档：

集的路由目标component.When使用相同布局的组件之间进行导航的父组件，相同的组件实例被重复使用。默认布局目标是UI，但布局不应该是一个自定义的UI界面为是用于了解，在此路由栈结束，没有父布局应参与一个特殊的类。因为它代表着身体的所有元素堆栈的布局将被添加到用户界面。

但如果你希望它是operation\operation1，你应该使用@RoutePrefix，而不是ParentLayout路径控制

要到另一个页面时，它需要accesed当整个页面扰乱了在UI一切

你能告诉截图或添加一些细节如何弄乱？

编辑：

它实际上被证明是很难实现比我预期的，但这似乎工作：

MainView.java

@Route("")
public class MainView extends VerticalLayout implements RouterLayout {
....

OperationsView.java

//This is needed if you want "operations" to be accessible on its own
@Route(value = "operations",layout = MainView.class)
@ParentLayout(MainView.class)
public class OperationsView extends VerticalLayout implements RouterLayout {

    Div content=new Div();
    public OperationsView(){
        System.out.println("operations view");
        add(new Label("operations view"));
        add(content);
    }
}

Operation1View.java

@Route(value="operation1",layout = OperationsView.class)
@RoutePrefix("operations")
public class Operation1View extends VerticalLayout {

    public Operation1View(){
        add(new Label("Operations view"));
    }
}