Vaadin - 创建第一个应用程序

在上一章中，您已经了解了在本地系统上安装 Vaadin 的过程。在本章中，让我们首先使用 Vaadin 创建第一个应用程序。回想一下，我们在本教程中使用 Eclipse IDE。

要开始在 Vaadin 中创建第一个应用程序，请在本地系统中打开 Eclipse IDE，然后按照以下步骤操作 −

步骤 1 − 在 File 菜单上，单击 New，然后单击 Other。请参阅以下屏幕截图以更好地理解。

步骤 2 − 现在，在搜索框中输入 Vaadin，您可以看到以下屏幕截图中显示的选项。现在，从选项中选择 Vaadin 8，然后单击 Next。

步骤 3 − 您可以看到一个包含四个选项的窗口，如下所示。 选择第一个选项并继续下一步。

步骤 4 − 接下来，您可以看到如以下屏幕截图所示的屏幕。 提供 Group Id 和 Artifact Id，然后选择 Finish。这样就完成了项目，Eclipse 将为您创建 Vaadin。

请注意，此步骤可能需要一些时间，因为它需要配置设置。artefact id 是当前项目的名称。我们将其命名为 MyFirstApp。

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

步骤 6 − 您的第一个 Vaadin 应用程序已准备就绪。在任何应用程序服务器中运行该项目。准备就绪后，您可以看到如下所示的屏幕 −

步骤 7 − 在文本框中输入任意文本，然后单击 Click Me 按钮。您可以观察到如下所示的输出 −

恭喜!您已成功创建第一个 Vaadin 应用程序。