iT邦幫忙

2021 iThome 鐵人賽

DAY 1
0
Modern Web

使用 Kotlin 快速開發 Web 程式 -- Vaadin系列 第 1

什麼是Vaadin - day01

Vaadin 簡介

Vaadin 是一款由芬蘭 Vaadin 公司所開發,用於建構網路應用程式和網站的Java Web 框架。前身為2002年釋出的open-source 版本 Millstone 3 ,此一版本導入基於 Ajax 的渲染引擎,大大簡化了開發人員工作,2006年此概念被單獨開發為商品。2007 年初發佈第四版並更名為 IT Mill Toolkit,使用特有的 JavaScript Ajax進行client-site 渲染技術,使得在實作新的 widgets 上更加得複雜。於是同年末棄用,轉而使用GWT (Google Web Toolkit) 技術重寫 client-site 並將其開源。

經過一年多的開發測試,2009年4月發佈版號 IT Mill Toolkit Release 5,為避免與前一版的 IT Mill Toolkit 混淆,同年五月推出第六版 pre-release 並改名為 Vaadin Framework,公司亦正式更名為 Vaadin Ltd.。2010年 Vaadin Directory 啟用,提供 add-on components 供使用者下載或上傳,在啟用當時,已提供95個組件可供下載,目前已有近 2000 個 add-on components,至此,Vaadin 日後發展已大勢底定。

除了民間無論免費或付費 add-on components 外,Vaadin官方亦提供大量 UI components 供開發者使用,除了 Pro Components (Board、CRUD、Charts、Confirm Dialog、Grid Pro…..) 為付費版外,其餘 UI Components 皆為免費使用。

為什麼使用Vaadin?

一個平台要蓬勃發展,自由擴充度和供開發者下載的 components 數量起了關鍵作用,大大影響開發者投入意願,Vaadin V6 以降,十多年來各式前端框架如雨後春筍,Vaadin 也不再只是 Java Web development platform 。2018年發佈 10 LTS(長期支援版),宣佈以 Vaadin Flow 做為新一代框架,同時在Vaadin Directory增加了 Web Components,隔年馬上發佈 14 LTS,支援 npm、polymer 3和ES6,亦將之拆分為 Flow (Java UI)及 Fusion (TypeScript UI)。

筆者無意讓初識 Vaadin 諸位感到混淆,而是 Vaadin 經過多年沿革及發展,除了依舊為 Java Backend,對於如何渲染前端已不僅提供單一選項。由於 Vaadin 快速發展時期最興盛的開發工具為 Eclipse 及 Netbeans,專案自動化構建工具則是 Maven,至今支援最完整的 plugins 仍是 Eclipse,但以 Vaadin 過去發展史看來,對 IntelliJ、Gradle 和 Kotlin 的開發支援指日可期。

現今除了維護舊案,或舊案之延伸開發,新案大都不再使用 Eclipse 或 Netbeans,故本系列文擇 IntelliJ 、 Kotlin,開發環境如下 :

  • IntelliJ IDEA Ultimate (Community Edition)
  • Java 8 JDK (或更新)
  • Gradle 5 (或更新)
  • node.js + npm (若未安裝,Vaadin Gradle plugin將會自動安裝)

https://ithelp.ithome.com.tw/upload/images/20210916/20138680db6gAYbrcS.png
本圖擷取自https://vaadin.com/


下一篇
準備工作 - day02
系列文
使用 Kotlin 快速開發 Web 程式 -- Vaadin30

尚未有邦友留言

立即登入留言