Die Anwendung aus dem letzten Beitrag war eine einfache “Hello World”-Kommandozeilenanwendung.
Lass uns etwas Anspruchsvolleres bauen, indem wir eine Vaadin-Anwendung erstellen.
Zuerst erstelle das Projektverzeichnis und eine build.gradle-Datei:
mkdir hello-vaadin
cd hello-vaadin
touch build.gradle
Die build.gradle-Datei benötigt folgenden Inhalt:
plugins {
id "fi.jasoft.plugin.vaadin" version "1.1.9"
}
Überprüfe alle verfügbaren Tasks mit gradle tasks --all.
Erstelle das Projekt mit gradle vaadinCreateProject, dann baue und starte es mit gradle vaadinRun.
Ein Browser sollte sich unter http://localhost:8080/?debug öffnen.
Ich habe dann den Paketpfad von com.example.hellovaadin zu meinem Organisationspaket com.rampmeupscotty.blog.hellovaadin geändert, indem ich IntelliJs automatische Umbenennung verwendet habe. Alles wurde automatisch aktualisiert, außer einer Zeile:
@WebInitParam(name="ui", value="HelloVaadinUI")
Diese muss zum vollqualifizierten Klassennamen geändert werden:
@WebInitParam(name="ui", value="com.rampmeupscotty.blog.hellovaadin.HelloVaadinUI")
Vor dem Refactoring war es:
@WebInitParam(name="ui", value="com.example.hellovaadin.HelloVaadinUI")
Dann folge dem offiziellen Tutorial, um mit dem Programmieren zu beginnen.
Wenn du mehr willst, ersetze das Demo-Backend des Tutorials durch eine echte Datenbank mit dem Spring-Guide: https://spring.io/guides/gs/crud-with-vaadin/.
Das war’s für heute!