Documentation

Documentation versions (currently viewingVaadin 24)

Get the Application Up and Running

Adding the Route to the Main View

We previously created a main-view design with a companion Java file. Now we need to make the view accessible by adding the @Route annotation to the companion Java file.

  1. Expand the src/main/java/com.example.application package and open MainView.java.

  2. Add the @Route("") annotation at the beginning of the MainView class.

Your MainView class should now look like this:

@Tag("main-view")
@JsModule("./src/views/main-view.ts")
@Route("")
public class MainView extends LitTemplate {

    public MainView() {
    }

}

The @Route annotation maps http://localhost:8080/ to MainView.

Running the Project

Next, we run the project to see what the new layout looks like.

The easiest way to run the project for the first time is to:

  1. Open the Application Java class in src/main/java/com/example/application/Application.java

  2. Click the green play button next to the line which starts with public class Application.

This starts the application and automatically adds a run configuration for it in IntelliJ IDEA. Later, when you want to run or restart the application, you can build, run/restart, stop and debug the application from the toolbar:

When the build is finished and the application is running. Open http://localhost:8080/ in your browser to see the result.

The application running in the browser.

Proceed to the next chapter to connect your views to Java: Connecting your Main View to Java.

22D010A8-6773-4E15-99F2-5F5501E82988