Vaadin - 创建第一个应用程序



在上一章中,你已经看到了在本地系统上安装 Vaadin。在本章中,让我们开始使用 Vaadin 创建第一个应用程序。回想一下,我们在本教程中使用的是 Eclipse IDE。

要开始在 Vaadin 中创建你的第一个应用程序,请在本地系统中打开 Eclipse IDE,并按照下面给出的步骤操作 −

步骤 1 − 在**文件**菜单上,单击**新建**,然后单击**其他**。参阅以下屏幕截图以更好地理解。

First Application

步骤 2 − 现在,在搜索框中键入**Vaadin**,你将看到如下屏幕截图所示的选项。现在,从选项中选择**Vaadin 8**,然后单击**下一步**。

Vaadin Search Box

步骤 3 − 你会看到一个窗口,其中有四个选项,如下所示。选择第一个选项并继续下一步。

First Option

步骤 4 − 接下来,你会看到一个屏幕,如下面的屏幕截图所示。提供组 ID 和制品 ID,然后选择完成。这将完成项目,Eclipse 将为你创建 Vaadin。

Group Id and Artifact Id

请注意,此步骤可能需要一些时间,因为它需要配置设置。制品 ID 是当前项目的名称。我们已将其命名为**MyFirstApp**。

步骤 5 − 现在,你可以找到自动 Vaadin 项目的目录结构,如下所示 −

Direcory Structure

步骤 6 − 你的第一个 Vaadin 应用程序已准备就绪。在任何应用程序服务器中运行该项目。准备好后,你会发现你的屏幕如下所示 −

First Vaadin Application

步骤 7 − 在文本框中输入任何文本,然后单击**单击我**按钮。你可以观察如下所示的输出 −

Text Box

恭喜!你已经成功创建了你的第一个 Vaadin 应用程序。

广告