
Vaadin 25.0 作为一个全新的大版本正式发布,开启了 Vaadin 的新一代产品线。本次升级的核心主题非常明确:减少 Vaadin 特有的“特殊机制”,让日常开发方式更加贴近标准的现代 Java + Web 技术栈,无论是样式、构建流程还是依赖管理,都更加“原生”“通用”。
获取Vaadin产品试用 请联系vaadin中国区合作伙伴慧都科技>>>
作为一个主版本升级,Vaadin 25.0 包含一定数量的破坏性变更。企业用户在升级时,建议重点关注:主题与样式、生产构建方式、核心组件变更以及框架和工具链要求的更新。
关于 Vaadin:专为企业级应用打造的 Java Web UI 框架
Vaadin 是一款源自欧洲、在全球范围内广泛应用的 企业级 Java Web UI 框架,核心优势在于:
-
使用 纯 Java 构建现代 Web UI
-
无需编写或极少编写 JavaScript
-
天然适合 企业级系统、后台管理系统、工业与金融应用
-
与 Spring、Jakarta EE、Quarkus 等主流 Java 技术体系深度集成
Vaadin 被大量应用于金融、制造、能源、电信等行业,是构建 高安全性、高复杂度业务系统 的成熟选择。

一、主题与样式体系全面简化:更像“普通 CSS”
1. 主题就是样式表(Themes are just CSS)
在 Vaadin 25 中,主题不再是复杂的框架配置,而是回归为标准 CSS 样式表:
-
以 CSS 样式表为主要方式进行 UI 样式设计
-
仍然支持内联样式与工具类
-
Vaadin 24 的主题机制仍可继续使用,方便老项目平滑升级
👉 对前端或 UI 团队而言,上手成本显著降低,更易与现有设计体系融合。
2. 支持运行时动态切换主题
由于主题本质上就是样式表,Vaadin 25 支持在运行时卸载/加载不同主题,轻松实现:
-
深色 / 浅色模式切换
-
不同用户个性化主题
-
多租户系统的品牌定制
这对 SaaS 系统和集团化应用尤为友好。
3. 全新的基础组件样式(Base Styles)
Vaadin 25 为所有组件提供了更完善的“无品牌基础样式”:
-
默认不带具体风格,但开箱即用
-
更适合作为企业自有设计体系的基础
-
不再是“空壳组件”,定制效率更高
在底层,Vaadin 将更多通用样式逻辑下沉到组件基础层,并引入新的--vaadin-*样式变量,为二次定制提供更清晰的扩展点。
4. Aura:全新的现代主题选择
Vaadin 25 引入了全新主题 Aura:
-
基于新的基础样式体系
-
风格更加现代、清爽
-
适合希望快速获得“新一代 UI 视觉”的项目

需要注意的是:Vaadin 25 不再默认自动选择主题,新项目需要显式指定使用 Aura、Lumo,或完全自定义。
5. Tailwind CSS(实验性支持)
顺应前端生态,Vaadin 25 提供了 Tailwind CSS 的实验性集成:
-
启用即可使用 Tailwind 工具类
-
性能和构建流程经过优化
-
适合偏向前端协作或设计驱动的团队
6. Material 主题正式移除
Material 主题在 Vaadin 25 中被移除,如已有项目依赖 Material 风格,需要在升级时同步调整样式方案。
二、组件与设计系统升级:性能、可维护性全面提升
Overlay 组件重构(基于原生 Popover)
对话框、下拉框、提示等 Overlay 类组件,统一基于 原生 Popover 机制 重构:
-
叠加层行为更一致
-
减少复杂 UI 组合下的异常问题
-
定位、层级控制更加可靠
TreeGrid:支持扁平化层级模式
TreeGrid 迎来重要架构升级:
-
服务端直接下发“可见节点列表”
-
显著改善大数据量、深层级树结构性能
-
解决滚动跳动、刷新异常等长期痛点
-
新增可靠的scrollToItem能力
👉 对制造、能源、资产管理等复杂数据场景意义重大。

Map 组件增强
-
支持 标记聚合(Cluster),提升密集数据可读性
-
新增 自动缩放至合适视角(Zoom-to-fit)

Tooltip 支持 Markdown
Tooltip 现在支持 Markdown 富文本(列表、链接、强调等),更适合承载业务提示信息。
Web Components 底层升级:移除 Polymer
Vaadin 组件全面迁移至 Lit:
-
前端依赖更轻
-
构建产物体积更小
-
更贴合当前 Web Components 生态
三、Copilot 成为设计到代码的核心工具
-
Vaadin Designer 仍可用,但已标记为弃用
-
未来设计到代码的核心能力将集中在 Vaadin Copilot
主要更新包括:
-
全新的 Figma Importer API(可映射企业自有组件与设计规范)
-
支持 Eclipse / IntelliJ / VS Code
-
更智能的布局与对齐控制
-
更完善的拖拽与嵌套支持
-
React 视图与 Java 视图能力对齐
-
LitTemplate 向 Java 的迁移工具
-
内嵌 AI Prompt,直接对选中内容进行修改

四、生产构建流程更“标准化”
Vaadin 25 重构了生产构建机制:
-
不再依赖单独的 Maven production profile
-
Maven 与 Gradle 行为保持一致
-
CI/CD、容器构建流程更接近标准 Java 项目
👉 对 DevOps 与自动化部署更友好。
五、更轻量、更快的默认体验
-
生产包 传递依赖减少约 30%
-
开发模式启动速度提升 50%+
-
移除大量历史依赖,更多使用新 Java 标准 API
六、Java 端通信更友好:告别 Elemental JSON
自定义组件开发中:
-
不再需要使用 Elemental JSON
-
直接支持 Java Bean、List、Map 等结构
-
代码可读性和维护性大幅提升
七、其他重要更新
-
离线许可证格式更新(需重新下载)
-
Signals(响应式 UI 状态)能力增强(实验性)
八、技术栈与依赖要求更新
Vaadin 25 全面对齐最新技术生态:
-
Java 21+
-
Spring Framework 7 / Spring Boot 4
-
Jakarta EE 11
-
Node.js 24+
-
React 19
-
Jackson 3
-
Gradle 8.14+
-
Quarkus 3.27+
-
Hilla 改为可选依赖
总结:Vaadin 25 更适合中国企业级应用的长期演进
Vaadin 25 的核心价值在于:
-
更贴近标准 Java Web 技术路线
-
降低前后端协作与样式定制成本
-
性能、构建、组件能力全面升级
-
更适合中大型、长期演进的企业系统
如果您正在规划新一代 Java Web 应用,或考虑对现有系统进行现代化升级,Vaadin 25 是一个非常值得关注的重要版本。
获取Vaadin产品试用 请联系vaadin中国区合作伙伴慧都科技>>>