Vaadin-creating-first-application

提供:Dev Guides
移動先:案内検索

Vaadin-最初のアプリケーションの作成

前の章では、ローカルシステムへのVaadinのインストールについて説明しました。 この章では、Vaadinを使用して最初のアプリケーションを作成することから始めましょう。 このチュートリアルではEclipse IDEを使用していることを思い出してください。

Vaadinで最初のアプリケーションの作成を開始するには、ローカルシステムでEclipse IDEを開き、以下の手順に従います-

  • ステップ1 *-*ファイル*メニューで、*新規*をクリックし、*その他*をクリックします。 理解を深めるために、次のスクリーンショットを参照してください。

最初のアプリケーション

ステップ2 *-検索ボックスに *Vaadin と入力すると、次のスクリーンショットに示すようにオプションが表示されます。 ここで、オプションから Vaadin 8 を選択し、 Next をクリックします。

Vaadin検索ボックス

  • ステップ3 *-以下に示すように、4つのオプションのあるウィンドウが表示されます。 最初のオプションを選択して、次の手順に進みます。

最初のオプション

  • ステップ4 *-次に、次のスクリーンショットに示すような画面が表示されます。 グループIDとアーティファクトIDを指定して、[完了]を選択します。 これでプロジェクトが完了し、EclipseがVaadinを作成します。

グループIDおよびアーティファクトID

この手順には構成設定が必要なため、時間がかかる場合があります。 アーティファクトIDは、現在のプロジェクトの名前です。 MyFirstApp という名前を付けました。

  • ステップ5 *-これで、以下に示すように、自動化されたVaadinプロジェクトのディレクトリ構造を見つけることができます-

Direcory Structure

  • ステップ6 *-最初のVaadinアプリケーションの準備ができました。 任意のアプリケーションサーバーでプロジェクトを実行します。 準備ができたら、以下に示すように画面を見つけることができます-

最初のVaadinアプリケーション

ステップ7 *-テキストボックスにテキストを入力し、 *Click Me ボタンをクリックします。 次のように出力を観察できます-

テキストボックス

おめでとうございます。 最初のVaadinアプリケーションが正常に作成されました。