×
关于

Vaadin Web 开发教程

概述安装开发环境Vaadin 应用程序框架介绍开始编写 Web 应用Vaadin Web 应用的基本组成部分使用资源UI 组件概述UI 组件-LabelUI 組件-LinkUI 組件-TextFieldUI 組件-TextAreaUI 組件-PasswordFieldUI 組件-RichTextAreaUI 組件-ButtonUI 組件-CheckboxUI 组件-Select 组件UI 组件-Table 组件UI 组件-Tree 组件UI 组件-MenuBar 组件UI 组件-Embedded 组件UI 组件-Upload 组件UI 组件-Form 组件UI 组件-ProgressIndicator 组件UI 组件-Slider 组件UI 组件-LoginForm 组件UI 组件-自定义组件UI 布局-概述UI 布局-VerticalLayout 和 HorizontalLayout 布局UI 布局-GridLayout 布局UI 布局-FormLayout 布局UI 布局-PanelUI 布局-HorizontalSplitPanel 和 VerticalSplitPanel 布局UI 布局-TabSheet 布局UI 布局-Accordion 布局UI 布局-AbsoluteLayout 布局可視化界面編輯插件使用主题-概述使用主题-创建和应用新主题数据绑定-概述数据绑定-Property 接口使用 Item 介面管理一組 Property使用 Container 介面管理一組 ItemSQLContainer 概述开始使用 SQLContainerSQLContainer-过滤及排序SQLContainer-编辑SQLContainer-引用其它 SQLContainerSQLContainer-使用 FreeformQuery

安裝開發環境


Vaddin 支持多種開發環境,如 Eclipse,NetBean 等,這裡使用 Eclipse 開發環境,也是最常用的Vaddin 開發環境。 這裡假定你對開發 Java 程序有一定的了解,對 Eclipse 開發也比較熟悉。如果你在做 Android 開發,希望開發一些 Client/Server 的 Android 應用,Vaddin 是一個比較好的選擇,Vaddin 使用純 Java 開發環境,也使用 EclipseIDE,可以用來開發伺服器端應用。

Vaddin 開發環境使用如下工具:

  1. 安裝 Eclipse Java EE 版 http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/junor

  2. 安裝 Vaadin 插件

啟動 Eclipse. 選擇菜單 Help → Software Updates…. 選擇 the Available Software tab. 添加 Vaadin 插件 URL http://vaadin.com/eclipse

選擇 Vaadin 插件,然後安裝.

下面來創建一個 Hello World 項目,如果你的項目能正確運行,說明你安裝好 Vaadin 開發環境。

  1. 創建新 Project -> Vaadin -> Vaadin Project

項目名稱:Helloworld, 其它使用預設值,Vaadin 當前版本為 6.8.1 , 如果你沒有下載,可以選擇Download ,自動下載到本地。

點擊「Finish」,完成新項目的創建。

  1. 運行 這個項目,在項目瀏覽器中選擇 Helloworld, 點擊右鍵,選擇 Run As ->Run on Server,

如果你第一次運行 Vaadin 項目,可能需要創建一個伺服器實例,提供選擇 Manually define a new server ,如果你希望使用 Tomcat 作為伺服器測試環境,可以選擇”Download additional server adapters” 然後選擇下載 Apache Geronimo V3.0 server. 然後選擇你要使用的 Tomcat 版本,最新的版本為 Tomcat 7. 你可以使用”Download and Install” 自動下載 Tomcat 到本地:

  1. 修改 HelloworldApplication.java 代碼如下:
public class HelloworldApplication extends Application {
@Override
public void init() {
Window mainWindow = new Window(“Helloworld Application”);
Label label = new Label(“Hello world“);
mainWindow.addComponent(label);
setMainWindow(mainWindow);
}

}

如果你可以得到如下結果,就表示你 Vaadin 環境安裝成功:

註: 你可能需要在 url 後面加上?restartApplication 通知 Vaddin /Tomcat 使用新編譯的代碼。

後面將逐步詳細介紹 Vaadin 開發。

Tags: Java EE, Vaadin, Web


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)