iT邦幫忙

vaadin相關文章
共有 27 則文章
0 Like 0 留言 842 瀏覽
鐵人賽 Modern Web DAY 30
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 30 篇

技術 Vaadin 工具 / 後記 - day30

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

Maggie ‧ 2021-10-15
0 Like 0 留言 718 瀏覽
鐵人賽 Modern Web DAY 29
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 29 篇

技術 Vaadin Pro Components - CRUD - day29

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

Maggie ‧ 2021-10-14
0 Like 0 留言 874 瀏覽
鐵人賽 Modern Web DAY 28
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 28 篇

技術 Vaadin login with Facebook - day28

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

Maggie ‧ 2021-10-13
0 Like 0 留言 667 瀏覽
鐵人賽 Modern Web DAY 27
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 27 篇

技術 使用 Vaadin Directory 組件顯示Google地圖 - day27

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

Maggie ‧ 2021-10-12
0 Like 0 留言 651 瀏覽
鐵人賽 Modern Web DAY 26
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 26 篇

技術 Vaadin Pro Components 圖表初探 - day26

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

Maggie ‧ 2021-10-11
0 Like 0 留言 997 瀏覽
鐵人賽 Modern Web DAY 25
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 25 篇

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

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

Maggie ‧ 2021-10-10
0 Like 0 留言 611 瀏覽
鐵人賽 Modern Web DAY 24
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 24 篇

技術 廣播推送 - day24

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

Maggie ‧ 2021-10-09
0 Like 0 留言 760 瀏覽
鐵人賽 Modern Web DAY 23
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 23 篇

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

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

Maggie ‧ 2021-10-08
0 Like 0 留言 821 瀏覽
鐵人賽 Modern Web DAY 22
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 22 篇

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

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

Maggie ‧ 2021-10-07
0 Like 0 留言 516 瀏覽
鐵人賽 Modern Web DAY 21
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 21 篇

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

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

Maggie ‧ 2021-10-06
0 Like 0 留言 701 瀏覽
鐵人賽 Modern Web DAY 20
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 20 篇

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

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

Maggie ‧ 2021-10-05
0 Like 0 留言 648 瀏覽
鐵人賽 Modern Web DAY 19
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 19 篇

技術 上傳檔案 - day19

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

Maggie ‧ 2021-10-04
0 Like 0 留言 536 瀏覽
鐵人賽 Modern Web DAY 18
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 18 篇

技術 Grid 展開 Detail - day18

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

Maggie ‧ 2021-10-03
0 Like 0 留言 518 瀏覽
鐵人賽 Modern Web DAY 17
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 17 篇

技術 Vaadin 對話視窗 Dialog - day17

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

Maggie ‧ 2021-10-02
0 Like 0 留言 526 瀏覽
鐵人賽 Modern Web DAY 16
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 16 篇

技術 Vaadin 漢堡選單 - AppLayout - day16

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

Maggie ‧ 2021-10-01
0 Like 0 留言 433 瀏覽
鐵人賽 Modern Web DAY 15
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 15 篇

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

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

Maggie ‧ 2021-09-30
0 Like 0 留言 733 瀏覽
鐵人賽 Modern Web DAY 13
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 13 篇

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

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

Maggie ‧ 2021-09-28
0 Like 0 留言 485 瀏覽
鐵人賽 Modern Web DAY 11
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 11 篇

技術 vok-orm 刪除關連資料 - day11

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

Maggie ‧ 2021-09-26
0 Like 0 留言 731 瀏覽
鐵人賽 Modern Web DAY 10
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 10 篇

技術 VoK 整合式登入 - day10

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

Maggie ‧ 2021-09-25
0 Like 0 留言 619 瀏覽
鐵人賽 Modern Web DAY 9
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 9 篇

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

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

Maggie ‧ 2021-09-24
0 Like 0 留言 916 瀏覽
鐵人賽 Modern Web DAY 8
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 8 篇

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

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

Maggie ‧ 2021-09-23
0 Like 0 留言 667 瀏覽
鐵人賽 Modern Web DAY 7
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 7 篇

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

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

Maggie ‧ 2021-09-22
0 Like 0 留言 592 瀏覽
鐵人賽 Modern Web DAY 6
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 6 篇

技術 CRUD的UD / ICON / confirmDialog - day06

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

Maggie ‧ 2021-09-21
0 Like 0 留言 788 瀏覽
鐵人賽 Modern Web DAY 5
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 5 篇

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

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

Maggie ‧ 2021-09-20
0 Like 0 留言 833 瀏覽
鐵人賽 Modern Web DAY 4
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 4 篇

技術 開始寫CRUD的 C 吧! - day04

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

Maggie ‧ 2021-09-19
0 Like 0 留言 1004 瀏覽
鐵人賽 Modern Web DAY 3
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 3 篇

技術 初探 Vaadin on Kotlin - day03

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

Maggie ‧ 2021-09-18
0 Like 0 留言 2559 瀏覽
鐵人賽 Modern Web DAY 1
使用 Kotlin 快速開發 Web 程式 -- Vaadin 系列 第 1 篇

技術 什麼是Vaadin - day01

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

Maggie ‧ 2021-09-16
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙