iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
Modern Web

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

初探 Vaadin on Kotlin - day03

什麼是 Vaadin-on-Kotlin?

Vaadin-on-Kotlin (VoK) 是基於 Vaadin 14 LTS 的衍伸框架,不需要 Spring、JavaEE,整體設計盡可能簡單化,非必要不使用套件,不用 MVC (Model-View-Controller)、DI (Dependency Injection)、SOA (Service-Oriented Architecture) 等等複雜模式就能開發網頁程式,非常適合 Kotlin 開發者做為初探 Web application 之用。

VoK 資料庫使用 vok-orm 套件,也可選擇使用 NoSQL,或JPA、Hibernate 等套件。畫面顯示則使用 Karibu-DSL 封裝了 Vaadin 提供的強大組件,不需接觸html、ajax、css... ,讓 Kotlin 開發者有更好的開發體驗。

初探 VoK

請下載Vok架構範例專案 下載,此初始專案由 Vaadin Martin Vysny 提供,保留原本版權聲明和說明文件,本系列文將基於此專案延伸,每日範例程式也會同步push到此一專案。

  • 解壓縮後開啟此專案 (請檢查是否已安裝JDK8),請勾選 Trust projects in ...... 並按下 Trust Project
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680aVGg3CBPHv.png

  • 此時專案看起來像這樣
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680B2KFY04Vt7.png

  • 打開Terminal視窗,輸入指令
    ./gradlew clean web:appRun
    執行後若未安裝過 node.js 和 npm 則會開始安裝,首次執行時間會稍久一點
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680XhEFDsmPf5.png

  • 出現下圖文字表示Server已啟動,按下連結 http://localhost:8080/
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680scWSu0cZhS.png

  • 瀏覽器出現此畫面,代表已執行成功
    https://ithelp.ithome.com.tw/upload/images/20210918/20138680oYXpcq0v2k.png

  • 若要結束程式,在Terminal視窗按下快速鍵 control+C

  • 再度開啟專案,將會看到專案目錄裡多了一些檔案和目錄,這些都是VoK自動產生檔案。其中包括了npm啟動設定檔、npm下載的套件、webpack設定檔,還有Kotlin編輯後的檔案,至於那些設定檔怎麼來的、該如何設定,都不是需要擔心的內容,VoK 期望開發者專注於 Kotlin code 上。

  • https://ithelp.ithome.com.tw/upload/images/20210919/201386801hYqah4QDu.png


上一篇
準備工作 - day02
下一篇
開始寫CRUD的 C 吧! - day04
系列文
使用 Kotlin 快速開發 Web 程式 -- Vaadin30

尚未有邦友留言

立即登入留言