开发手册 欢迎您!
软件开发者资料库

Vaadin - 创造第一个应用程序

Vaadin创建第一个应用程序 - 从简单和简单的步骤学习Vaadin,从基本到高级概念,包括概述,环境设置,创建第一个应用程序,架构,用户界面组件,核心元素,布局组件,主题。

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

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

第1步 : 在文件菜单上,单击新建,然后单击其他.请参阅以下屏幕截图以便更好地理解.

First Application

第2步 : 现在,在搜索框中输入 Vaadin ,您可以看到以下屏幕截图中显示的选项.现在,从选项中选择 Vaadin 8 ,然后单击下一步.

Vaadin搜索框

第3步 : 您可以看到一个包含四个选项的窗口,如下所示.选择第一个选项并继续下一步.

First Option

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

Group Id and Artifact Id

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

第5步 : 现在,您可以找到自动Vaadin项目的目录结构,如下所示 :

Direcory Structure

第6步 : 您的第一个Vaadin应用程序已准备就绪.在任何应用程序服务器中运行项目.一旦准备就绪,你可以找到你的屏幕,如下图所示 :

First Vaadin Application

第7步 : 在文本框中输入任何文本,然后单击单击我按钮.您可以观察输出显示 :

文本框

祝贺你!您已成功创建了第一个Vaadin应用程序.

efore(hm, s); })();