Vaadin教程

原文链接

简介

本教程将介绍如何使用Vaadin框架为您的java应用程序构建单页Web UI。你需要的首先是JDK 8和IDE，如Eclipse。虽然本教程是为Eclipse用户编写的，但您可以使用您选择的IDE。不要求对java有深入了解，基本的编程技能是必要的。

概述

几分钟后，你将在你的IDE上运行你的第一个Vaadin应用。要完成整个教程，您将需要大约20至60分钟，这取决于您的现有经验。当然，您可以只做练习的开始，或者选择您想要的任何步骤。为了从一个特定的步骤开始，在每一步之后，我们将准备好zip文件下载的示例代码。

在本教程中，我们构建了一个简单的客户管理系统。它不是一个真正的应用；我们使用内存中的“后台”，这样你可以了解如何连接到一个现有的基于java的后台。我们覆盖基本的Vaadin开发，你可以使用这个结果作为一个更多与Vaadin实验的基础，如使用插件，自定义的look-and- feel（又名主题），添加新视图，或优化移动支持的结果。

图1，在教程中构建的UI

如果你根本不想做这个练习，你也可以下载最终的应用程序，然后玩它。

注：除了本教程之外，我们还记录了作为一系列视频的步骤。你可以只看所有的视频或观看每一步的视频，然后你自己做同样的步骤。

安装开发工具

本教程使用java 8，所以请确保你安装了最新的JDK 8。大多数Linux发行版可以使用包管理器来安装JDK 8。Windows和Mac用户应该从Oracle’s Java SE site下载它。

还要确保拥有IDE的最新版本。Eclipse可在各种包中使用；一定要从eclipse.org下载专为java EE开发人员使用的Eclipse IDE。

创建经典（Archetype）项目

下面的视频展示了如何完成教程的这一步：

作为应用程序的起点，我们使用一个叫vaadin-archetype-application的Maven archetype 。原型是项目存根有一些示例代码和一个基本的Maven构建脚本。