鍍金池/ 教程/ Java/ 概述
UI 組件-自定義組件
UI 布局-Panel
UI 組件-Slider 組件
UI 組件-Button
UI 組件-PasswordField
UI 布局-TabSheet 布局
Vaadin Web 應用的基本組成部分
UI 組件-Label
UI 組件-Link
UI 布局-GridLayout 布局
安裝開發(fā)環(huán)境
UI 組件-Tree 組件
UI組件-Select 組件
UI 布局-概述
UI 組件-RichTextArea
UI 組件-Table 組件
使用 Item 介面管理一組 Property
使用資源
UI 組件-TextArea
SQLContainer-編輯
SQLContainer-過濾及排序
UI 組件-TextField
UI 布局-HorizontalSplitPanel 和 VerticalSplitPanel 布局
SQLContainer-引用其它 SQLContainer
UI組件-ProgressIndicator組件
開始編寫 Web 應用
UI組件-Form組件
UI 布局-Accordion 布局
SQLContainer-使用 FreeformQuery
SQLContainer 概述
使用主題-創(chuàng)建和應用新主題
概述
UI 布局-AbsoluteLayout 布局
UI 組件-Upload 組件
使用主題-概述
UI 布局-FormLayout 布局
MenuBar 組件
UI 布局-VerticalLayout 和 HorizontalLayout 布局
UI 組件-Embedded 組件
UI 組件概述
使用 Container 介面管理一組 Item
UI 組件-LoginForm 組件
數(shù)據(jù)綁定-Property 接口
Vaadin 應用程序框架介紹
開始使用 SQLContainer
UI 組件-Checkbox
可視化界面編輯插件
數(shù)據(jù)綁定-概述

概述

Vaddin 是一個 Web 應用程序框架,用其開發(fā)的瀏覽器應用界面可以達到和桌面應用類似的效果,但和Flash,Silverlight 不同的是,Vaddin 應用無需再瀏覽器上安裝任何插件。它是一個純 Java 開發(fā)環(huán)境,開發(fā)人員無需深入了解 HTML,XML 或是 Javascipt。如果你曾經(jīng)使用 Java 開發(fā)過 Swing,SWT 等應用,可以非常容易開始使用 Vaddin 開發(fā) Web 應用。

下表為 Vaddin 應用程序框架和其它一些應用程序框架的比較:

http://wiki.jikexueyuan.com/project/vaadin-web-development-tutorial/images/1.png" alt="" />

Vaddin 應用程序框架具有如下特點:

  • Comprehensive Component Framework 提供大量的 UI 控件,支持托放,支持移動設備(觸摸事件),數(shù)據(jù)綁定 MVC,支持代碼或 HTML 定義界面。支持自定義控件等。

  • Web Compatibility Vaddin UI 控件基于 GWT,因此具有很好的瀏覽器兼容性,無需安裝瀏覽器插件。支持分頁,回退按鍵,支持 URL 參數(shù)等。

  • Customizable Look and Feel 很好的 CSS 支持,多種內(nèi)置 Theme 和 Style,并可以自定義主題和風格。

  • Java Web Development 純 Java 開發(fā)環(huán)境,強大的服務器端技術開發(fā)模式,部署只需單個 Jar 文件,兼容多種 Java 虛擬機。

  • Secure Web Application Architecture 服務器端狀態(tài)管理,應用程序代碼運行在服務器端,內(nèi)置輸入校驗,安全請求檢測等。

  • Extensible Component Architecture 支持 GWT 擴展,提供多種插件以滿足應用程序開發(fā)需求。

  • Tools 支持多種開發(fā)環(huán)境如 Eclipse, Netbean, Maven 并提供 Vaadin TestBench 測試框架。

  • Deployment 支持 JSR154 Java EE Sevlet 2.3+ 部署框架。 支持 JSR 168,JSR286 Portlet 部署。支持Google App Engine 部署。

最后看看 Vaadin 提供的 Sampler 的界面。在線演示

部分截圖如下:

http://wiki.jikexueyuan.com/project/vaadin-web-development-tutorial/images/2.png" alt="" />

Tags: Java EE, Vaadin, Web