鐵人檔案
本系列文採Vaadin Flow Framework，主要使用開發語言為Kotlin，盡可能不使用 Node.js、Javascript及 HTML，以純Kotlin開發完整平台
目標 延續前例查詢指定學期成績，並且按平均進行排序，如下圖 本範例資料表 create TABLE Student( id bigint auto_incr...
承前例，接著要完成選取學期後 grid 動態查詢更新 vok-orm 資料加載 前端顯示多筆資料內容像是list、recordset時，一般會使用table(...
目標 今天寫個時事題，我們來查詢立委議案提案 本日重點 立法院 Open Data 如何將 CSV 轉成 Bean DataLoader 多欄位過濾 List...
目標 從左畫面將訊息推送到右邊畫面，嗯! 就這樣。 本示例從主畫面推送訊息，其他開啟本網的使用者無論畫面停留在哪個頁面，皆能接收到該訊息 Notificatin...
看焰火囉~ 有時我們看網頁內嵌YouTube影片時，真的會氣到頭頂冒煙，畫面被切掉不說，還無法自動縮放。今天適逢國慶佳節，我們就來放焰火吧~ iFrame @...
目標 使用 Pro Components 製作圖表螢幕截圖 匯出png圖 Vaadin Charts Vaadin Charts 是 Vaadin Pro 訂閱...
目的 地圖反查經緯度，將地圖顯示在立委服務地區旁。 本篇重點: 導入Vaadin direction組件 Google Maps Addon 地址查座標 地...
目的 使用 Facebook 登入 本日重點 : 本篇使用 Facebook Graph API 登入 Facebook 建立應用程式 Vaadin 接收網...
目的 本系列文一開始有好幾篇文章都圍繞著CRUD轉，Vaadin 訂閱制提供了 CRUD component，今天要試試需要多少時間能寫完CRUD。資料使用 d...
Vaadin Start Vaadin 官方網站提供快速產出程式碼工具，所見即所得，還可設定權限，分為公開、已登入、使用者、管理者四種權限，功能模版多樣化，如下...
