iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
Modern Web

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

Vaadin 工具 / 後記 - day30

Vaadin Start

Vaadin 官方網站提供快速產出程式碼工具,所見即所得,還可設定權限,分為公開、已登入、使用者、管理者四種權限,功能模版多樣化,如下圖所示。
https://ithelp.ithome.com.tw/upload/images/20211015/20138680DPs07wSdl7.png

為什麼沒有從一開始就介紹這個具有多種模版、可快速產出專案的工具?此工具提供的專案為 Spring Boot + Maven + Java,既然本系列文是以Kotlin開發,自然不太合適。且筆者也不太建議Vaadin入門者和無 Spring Boot 經驗者從產出程式工具入門,容易迷失在一堆不認識的code裡。
https://ithelp.ithome.com.tw/upload/images/20211015/20138680NOUZPlh9rM.png

Intellij Vaadin plugin

此工具和pro component一樣屬訂閱(付費)制開發工具,可拖拉式編輯畫面,僅支援 JavaScript 和 TypeScript

https://ithelp.ithome.com.tw/upload/images/20211015/20138680bSBHQlwqTE.png

專案中,檔案前有一個像蝴蝶結的圖示,即可使用畫面編輯工具,拖拉式編輯。除了基本的 ui components,還提供我們前面沒有介紹過的,在 Vaadin 中 使用 web component。
https://ithelp.ithome.com.tw/upload/images/20211015/20138680cI5zClVwVA.png
https://ithelp.ithome.com.tw/upload/images/20211015/20138680zZcLPVuORm.png
https://ithelp.ithome.com.tw/upload/images/20211015/20138680ZnHS1OrxXn.png

做為Vaadin 入門,筆者認為 Vaadin On Kotlin 框架是非常容易上手的,以 vok 為起點,對 Vaadin 有點基本認識後再逐步加深加廣會比較合適。經這一個月來測試,筆者認為VoK拿來寫一些專案也足夠了,希望本系列文的介紹,大家對Vaadin 有了基本的認識,全系列文到此結束囉~ 謝謝大家

後記

使用 Kotlin 快速開發 Web 程式 -- Vaadin 30天終於到了終點,鐵人賽期間多次人在外地差點開天窗(很大原因是自己的拖延症導致 XD),每天有人問「妳的飢餓三十結束沒?」「飢餓三十還剩幾天?」今天,終於結束了!!! (歡呼)

本系列打從一開始邊學邊寫,設定為寫給會寫Kotlin,對網頁程式有興趣但涉略不深的受眾,所以選定最入門的Vaadin On Kotlin 框架做為入手 Vaadin 之始,雖然後來變成當天想到什麼就寫什麼,愈來愈像學習記錄 (冏),希望來看系列文的大家多少有點收獲。

30天下來,測試功能比實際產出文章還多,專案亂到不像話。接下來,會重啟新的專案、整理文章和source code,之後我們有緣再見了 :)


上一篇
Vaadin Pro Components - CRUD - day29
系列文
使用 Kotlin 快速開發 Web 程式 -- Vaadin30

尚未有邦友留言

立即登入留言