添加路由布局

了解如何在 Vaadin 应用程序中添加路由布局。

大多数业务应用程序都包含一些跨不同视图始终可见的界面元素，例如导航菜单、页眉或页脚。为了避免在每个视图中都重复这些元素，可以使用 路由布局。

路由布局可确保路由器*在预定义布局内渲染视图*，从而减少冗余。下图展示了在路由布局内渲染的空白视图：

此路由布局包含应用程序名称的侧边栏、导航菜单和用户菜单。视图在右侧的白色区域中显示。

嵌套路由布局

布局可嵌套在其他布局之中。下图展示了一个视图位于路由布局中，而该布局本身又位于另一个路由布局中的情形：

嵌套路由布局可用于创建主从式界面及其他场景。

您既可以在 Vaadin Flow 中，也可以在 Hilla 中实现路由布局。此外，Flow 视图可以被渲染到 Hilla 布局内，反之亦然。

Tip	保持一致性的重要性如果应用的大部分内容都是用 Flow 构建的，建议使用 Flow 来实现路由布局。如果应用主要是用 Hilla 构建的，则使用 Hilla 来实现路由布局。这可以确保代码的一致性。

下面的指南提供了如何实现路由布局的逐步说明：