iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

vok-orm 刪除關連資料 - day11

vok-orm 刪除關連資料 由於 vok-orm 非 JPA、Hibernate 那一類的框架,查詢也好刪除也好,並不會有一連串的關連式資料的連動作業。筆者個...

2021-09-26 ‧ 由 Maggie 分享
DAY 12

提供 REST API / 限定欄位 / 格式化LocalDate - day12

使用 Javalin Javalin 是個輕量型框架,在本範例程式中已有基本設定。請開啟Bootstrap.kt,最後一段 @WebServlet(urlPat...

2021-09-27 ‧ 由 Maggie 分享
DAY 13

VoK 系統功能權責劃分 ( I ) - day13

權責劃分 續VoK整合登入 當使用者登入系統後,無論是因為使用者權責亦或是為了系統安全,通常會建立適當的安全機制,除了密碼加密外,還有角色與權責分配,比如什麼樣...

2021-09-28 ‧ 由 Maggie 分享
DAY 14

VoK 系統功能權責劃分 ( II ) - day14

限制可執行權限 VoK-Security 提供三個限定權限的 annotation @AllowRoles - 須帶參數roles, 若未帶參數,則無任何使...

2021-09-29 ‧ 由 Maggie 分享
DAY 15

VoK Grid 各種資料型態過濾器 - day15

前情提要 在前面的例子裡,我們使用Grid來展示學生資料 grid = grid { isExpand = true setDataLoade...

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

Vaadin 漢堡選單 - AppLayout - day16

Web 應用程式選單多樣化,早期最常見的多半樹狀選單,直至手機問世後漢堡選單(hamburger menu)成為主流,除了具有可收合特性外,網頁也會被內 Mob...

2021-10-01 ‧ 由 Maggie 分享
DAY 17

Vaadin 對話視窗 Dialog - day17

Vaadin 提供的眾多 Components,除了前面範例實作過的 Form Inputs 外,常用到的還有Dialog。先前所寫的範例無論新增或修改。都是跳...

2021-10-02 ‧ 由 Maggie 分享
DAY 18

Grid 展開 Detail - day18

之前範例執行結束如上所示,倘若我們希望點選學生即展開該學生成績怎麼做? Grid 顯示 Detail 使用 Grid 所提供 setItemDetailsRe...

2021-10-03 ‧ 由 Maggie 分享
DAY 19

上傳檔案 - day19

Upload Vaadin 檔案上傳檔案使用 Upload Component,Upload 支援單個或多個檔案視覺化拖放,可限制檔案類型、檔案大小、圖檔尺寸....

2021-10-04 ‧ 由 Maggie 分享
DAY 20

Dialog 關閉後更新 Grid 資料 / 顯示儲存的圖檔 - day20

目標 承前篇 當學生資料修改或上傳圖檔後,能夠在 Grid 即時更新修正後的資料,並於點選學生展開顯示該學生相片,如下圖所示。 更新Grid 在 Grid...

2021-10-05 ‧ 由 Maggie 分享