iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

vok-orm 自訂sql 查詢 / db connection - day21

目標 延續前例 查詢指定學期成績,並且按平均進行排序,如下圖 本範例資料表 create TABLE Student( id bigint auto_in...

2021-10-06 ‧ 由 Maggie 分享
DAY 22

如何讓 Grid 顯示關聯式 SQL 查詢的資料 - day22

承前例,接著要完成選取學期後 grid 動態查詢更新 vok-orm 資料加載 前端顯示多筆資料內容像是list、recordset時,一般會使用table(...

2021-10-07 ‧ 由 Maggie 分享
DAY 23

立委名單/提案 Open Data / CsvToBean - day23

目標 今天寫個時事題,我們來查詢立委議案提案 本日重點 立法院 Open Data 如何將 CSV 轉成 Bean DataLoader 多欄位過濾 Lis...

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

廣播推送 - day24

目標 從左畫面將訊息推送到右邊畫面,嗯! 就這樣。 本示例從主畫面推送訊息,其他開啟本網的使用者無論畫面停留在哪個頁面,皆能接收到該訊息 Notificati...

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

看焰火囉~ Vaadin 內嵌 iFrame 不跑版自動縮放 - day25

看焰火囉~ 有時我們看網頁內嵌YouTube影片時,真的會氣到頭頂冒煙,畫面被切掉不說,還無法自動縮放。今天適逢國慶佳節,我們就來放焰火吧~ iFrame @...

2021-10-10 ‧ 由 Maggie 分享
DAY 26

Vaadin Pro Components 圖表初探 - day26

目標 使用 Pro Components 製作圖表 螢幕截圖 匯出png圖 Vaadin Charts Vaadin Charts 是 Vaadin Pro...

2021-10-11 ‧ 由 Maggie 分享
DAY 27

使用 Vaadin Directory 組件 - day27

目的 地圖反查經緯度,將地圖顯示在立委服務地區旁。 本篇重點: 導入Vaadin direction組件 Google Maps Addon 地址查座標...

2021-10-12 ‧ 由 Maggie 分享
DAY 28

Vaadin login with Facebook - day28

目的 使用 Facebook 登入 本日重點 : 本篇使用 Facebook Graph API 登入 Facebook 建立應用程式 Vaadin 接收...

2021-10-13 ‧ 由 Maggie 分享
DAY 29

Vaadin Pro Components - CRUD - day29

目的 本系列文一開始有好幾篇文章都圍繞著CRUD轉,Vaadin 訂閱制提供了 CRUD component,今天要試試需要多少時間能寫完CRUD。資料使用 d...

2021-10-14 ‧ 由 Maggie 分享
DAY 30

Vaadin 工具 / 後記 - day30

Vaadin Start Vaadin 官方網站提供快速產出程式碼工具,所見即所得,還可設定權限,分為公開、已登入、使用者、管理者四種權限,功能模版多樣化,如下...

2021-10-15 ‧ 由 Maggie 分享