Book of Vaadin, 1.2 Пример создания приложения

1.2 Пример создания приложения

Давайте рассмотрим традиционный при изучении чего-нибудь нового в программировании пример "Hello, World!". После этого мы сможем изучить более сложный пример, реализующий архитектуру model-view-controller. Эти два примера просты, но очень  важны, так как Vaadin создан сделать все еще проще.

import com.vaadin.ui.*;
public class HelloWorld extends com.vaadin.Application {
    public void init() {
        Window main = new Window("Hello window");
        setMainWindow(main);
        main.addComponent(new Label("Hello World!"));
    }
}

Первое что надо запомнить - приложение расширяет класс com.vaadin.Application. Этот класс используется как базовый для всех пользовательских приложений. Экземпляры класса Application по существу пользовательские сессии, и они создаются по-одному для каждого пользователя, использующего приложение. Для нашего Hello World это означает, что приложение запускается тогда, когда пользователь впервые к нему обращается и вызывается метод init.

При инициализации приложения создается новый объект типа Window с заголовком "Hello window". Затем делаем это окно главным окном приложения(заметим, что приложение может иметь множество окон). Это означает, что при запуске приложения пользователь увидит в браузере содержимое "главного окна". Заголовок отобразится в заголовке окна браузера.

Далее добавляется новая компонента пользовательского интерфейса com.vaadin.ui.Label. В качестве его содержимого задается текст "Hello World!". Ну и наконец label добавляется в главное окно. Вот и все! Когда приложение запуститься, мы увидим в окне браузера надпись "Hello World!".

На следующем скриншоте можно увидеть как будет выглядеть программа.

Before going into details, we should note that this example source code is complete and does not need any additional declaratively defined template files to be run. To run the program, you can just add it to your web application, as explained in Section 4.8, “Setting Up the Application Environment”.

Прежде чем углубляться в детали, заметим, что этот пример - полноценное приложение и оно не требует создание каких-либо дополнительных темплейтов для запуска. Для того, чтобы увидеть программу в действии, достаточно добавить его в ваше веб-приложение так, как описано в Section 4.8, “Setting Up the Application Environment”.