Vaadin-creating-first-application
提供:Dev Guides
Vaadin-最初のアプリケーションの作成
前の章では、ローカルシステムへのVaadinのインストールについて説明しました。 この章では、Vaadinを使用して最初のアプリケーションを作成することから始めましょう。 このチュートリアルではEclipse IDEを使用していることを思い出してください。
Vaadinで最初のアプリケーションの作成を開始するには、ローカルシステムでEclipse IDEを開き、以下の手順に従います-
- ステップ1 *-*ファイル*メニューで、*新規*をクリックし、*その他*をクリックします。 理解を深めるために、次のスクリーンショットを参照してください。
ステップ2 *-検索ボックスに *Vaadin と入力すると、次のスクリーンショットに示すようにオプションが表示されます。 ここで、オプションから Vaadin 8 を選択し、 Next をクリックします。
- ステップ3 *-以下に示すように、4つのオプションのあるウィンドウが表示されます。 最初のオプションを選択して、次の手順に進みます。
- ステップ4 *-次に、次のスクリーンショットに示すような画面が表示されます。 グループIDとアーティファクトIDを指定して、[完了]を選択します。 これでプロジェクトが完了し、EclipseがVaadinを作成します。
この手順には構成設定が必要なため、時間がかかる場合があります。 アーティファクトIDは、現在のプロジェクトの名前です。 MyFirstApp という名前を付けました。
- ステップ5 *-これで、以下に示すように、自動化されたVaadinプロジェクトのディレクトリ構造を見つけることができます-
- ステップ6 *-最初のVaadinアプリケーションの準備ができました。 任意のアプリケーションサーバーでプロジェクトを実行します。 準備ができたら、以下に示すように画面を見つけることができます-
ステップ7 *-テキストボックスにテキストを入力し、 *Click Me ボタンをクリックします。 次のように出力を観察できます-
おめでとうございます。 最初のVaadinアプリケーションが正常に作成されました。