iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

本系列文採Vaadin Flow Framework,主要使用開發語言為Kotlin,盡可能不使用 Node.js、Javascript及 HTML,以純Kotlin開發完整平台

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

什麼是Vaadin - day01

Vaadin 簡介 Vaadin 是一款由芬蘭 Vaadin 公司所開發,用於建構網路應用程式和網站的Java Web 框架。前身為2002年釋出的open-s...

2021-09-16 ‧ 由 Maggie 分享
DAY 2

準備工作 - day02

安裝IntelliJ IDEA Community Edition 官方建議系統需求 擷取自JetBrains官網 筆者建議,若要擁有較為順暢的開發體驗,記...

2021-09-17 ‧ 由 Maggie 分享
DAY 3

初探 Vaadin on Kotlin - day03

什麼是 Vaadin-on-Kotlin? Vaadin-on-Kotlin (VoK) 是基於 Vaadin 14 LTS 的衍伸框架,不需要 Spring、...

2021-09-18 ‧ 由 Maggie 分享
DAY 4

開始寫CRUD的 C 吧! - day04

在前一篇文裡提到,VoK希望開發者專注於 Kotlin code 的開發,所以Karibu-DSL 封裝了 Vaadin 渲染 View 的部份,以下將介紹如何...

2021-09-19 ‧ 由 Maggie 分享
DAY 5

驗證資料/產生測試資料/表格顯示 - day05

儲存前,驗證資料正確性 當使用者輸入資料後需要驗證資料正確性,並提示給使用者。在VoK要做到這點非常的容易。請打開 Student.kt,加上欄位驗證 da...

2021-09-20 ‧ 由 Maggie 分享
DAY 6

CRUD的UD / ICON / confirmDialog - day06

前情提要 前幾編文章裡,大家已經知道如何利用 Vaadin-on-Kotlin 簡單快速的新增、查詢資料庫並使用Grid顯示,也知道了如何驗證輸入資料的正確性。...

2021-09-21 ‧ 由 Maggie 分享
DAY 7

自訂 Vaadin 組件 / Grid 擴充功能 -- day07

重複使用程式碼 Vaadin 自訂 Component 各位發現了嗎?在寫完CRUD後,打開CreateStudentView.kt和EditStudent.k...

2021-09-22 ‧ 由 Maggie 分享
DAY 8

vok-orm 關聯性資料的新增/查詢 (上篇) -- d08

本節重點 延續先前己建立的學生資料範例,今天加上學生成績。 建立成績資料 在顯示單筆學生資料頁StudentView.kt上加上新增及顯示成績畫面 Ref...

2021-09-23 ‧ 由 Maggie 分享
DAY 9

vok-orm 關聯性資料的新增/查詢 (下篇) + Vaadin 自訂樣式 - d09

承上篇 Refactor 上篇實作完成執行結果如上圖所示,藍色區塊為該學生成績,紅色區塊為新增成績編輯畫面,全部程式皆在StudentView.kt裡,接下來...

2021-09-24 ‧ 由 Maggie 分享
DAY 10

VoK 整合式登入 - day10

登入功能不外乎輸入帳密、驗證、賦予角色功能權限。Vaadin-on-Kotlin 提供了 VoK-Security API 用以達成上述功能,本文將使用VoK整...

2021-09-25 ‧ 由 Maggie 分享