views-and-navigation

本技能面向 Vaadin 25 的 Java/Flow 视图，指导创建视图与管理导航。主要能力：用 @Route 和 @PageTitle 定义视图；用 @RouteAlias 设置别名；用 @Layout、@Route(layout=...)、@ParentLayout、@RoutePrefix 配置路由布局与嵌套布局；用 AppLayout、DrawerToggle、SideNav、@Menu 构建应用外壳与菜单；用 RouterLink 或 UI.navigate() 跳转；通过 HasUrlParameter、路由模板（如 :id、:mode?(edit|view)）和查询参数传数据，并支持主从（master-detail）模式。用法要点：视图是标注 @Route 并继承 Component 的 Java 类；显式写出路径以避免类名派生意外；不确定 API 细节时用 Vaadin MCP 工具（search_vaadin_docs、get_component_java_api、get_component_styling）查询最新文档，vaadin_version 设为 "25"、ui_language 设为 "java"；需要精确 Java API 签名或源码时用 javadoc MCP 从 Maven Central 读取。适用场景为 Java/Flow 服务端视图的页面结构、菜单导航与 URL 状态管理。限制：本技能仅覆盖 Java/Flow 视图，构建 React/Hilla 的 TypeScript 视图应改用 client-side-views，从 Java 跳转到 React 视图可用字符串导航；布局组件内部的排列（HorizontalLayout、VerticalLayout、FlexLayout、对齐、间距、flex-grow 等）属于 vaadin-layouts；自定义可复用组件（Composite、HasValue）属于 reusable-components。资料未提供具体安装命令、收费、价格与平台信息。