Vaadin 24.4 版本发布概述

Vaadin 是一个面向 Java 开发者的开源 Web 应用开发平台，于 2024 年 6 月发布了 24.4 版本。此次发布旨在通过统一 Hilla 框架与 Vaadin 平台、引入 Vaadin Copilot 以及对设计系统的多项改进，提升和简化开发者的体验。

主要更新内容

Vaadin Copilot 的引入

Vaadin Copilot 是一个 AI 驱动的开发工具，允许用户在开发过程中通过拖放组件、重新组织布局以及编辑标签和标题来快速构建应用。该工具与支持的 IDE 无缝集成，能够即时更新源代码。其大纲视图帮助用户理解整体 UI 结构，并快速导航到特定组件。

Vaadin Copilot 的核心功能之一是使用生成式 AI 根据提示生成和修改 UI 组件。用户可以通过主题编辑器调整单个组件或整个应用的主题，而无需直接编辑底层 CSS。需要注意的是，Vaadin Copilot 目前仅适用于使用 Hilla/React 构建的视图。

Hilla 框架的集成

从 24.4.0 版本开始，Vaadin BOM 和 Vaadin Spring Boot 启动器已包含 Hilla 框架，允许开发者构建包含 Flow 和 Hilla 视图的混合应用。现在可以通过适配器 Web Component 将 React 组件封装为 Flow 组件，从而在 Java 应用中使用 React 组件，并实现客户端与服务器端之间的状态修改和事件传递。

此外，开发者可以通过实现 WebComponentExporter 类，将 Flow 组件嵌入到 Hilla/React 视图中。生成的 Web 组件可以导入到 Hilla 视图中使用。

React Router 的默认配置

Vaadin Flow 默认使用 React Router，并通过 reactEnable 属性进行配置。该属性可以通过 Vaadin Maven 插件或 Java 系统属性进行设置。当 reactEnable 设置为 true 时，将包含核心 React 依赖和其他 React 组件；设置为 false 时，则使用 Vaadin Router，并排除 React 依赖，同时添加 Lit 依赖。

文件路由器的引入

Hilla 引入了基于文件的路由器，构建在 React Router 之上。它将 src/main/frontend/views 目录及其子目录中的文件映射为路由。Hilla 文件路由器还提供了一个实用函数 createMenuItems，用于从路由中填充 React 主布局中的菜单项。

设计组件的改进

此次发布还对多个设计组件进行了改进，包括：

• Checkbox：支持只读和必填状态。
• Menu Bar：支持从左侧折叠菜单项。
• Side Navigation：支持查询参数。

其他资源

开发者可以通过 发布说明 和 博客 查看 Vaadin 24.4.0 的完整功能列表。此外，Vaadin 团队还举办了一场 直播会议 和 社区市政厅 来介绍此次发布。

更多关于 Vaadin 的详细信息，请参阅官方 文档。