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中國區合作伙伴慧都科技>>>