Я недавно только что получил Vaadin, и это метод, который я использовал, чтобы получить мое приложение с земли.
Прежде всего, проверьте приложение сэмплера, чтобы получить представление о том, что возможно с Vaadin: Sampler
Если вы используете eclipse, получите плагин. Используя встроенную функцию «Установить новое программное обеспечение» в Eclipse (Справка -> Установить новое программное обеспечение), просто введите ссылку и установите плагин: Eclipse Plugin
Используйте плагин для создания базового проекта vaadin. Щелкните правой кнопкой мыши в проводнике проекта -> Новый -> Vaadin Project.
Затем просмотрите "1-часовую" версию учебника на сайте Учебник
Он шаг за шагом расскажет вам, как создать приложение, а также даст вам базовую структуру для организации вашего проекта. Постарайтесь написать как можно больше, а затем посмотрите на примеры, когда вы застряли.
Макет в двух словах:
На самом простом уровне у вас будет вертикальное расположение.
Затем вы добавите панели к этому макету. Панель похожа на элемент div. Добавьте подписи к панелям. Используйте verticalLayout.setSpacing (true) для разметки элементов в макете.
Затем вы добавите контент на панели, например таблицу для отображения данных или форму или макет сетки. Элементы в контенте, такие как таблица, могут быть связаны с контейнером, который является источником данных для элемента.
Базовый подход:
Создать:
Макет (для организации элементов) -> Элементы для размещения в макете -> прослушиватели для элементов (для обработки событий, таких как onClick) -> контейнеры для элементов, взаимодействующих с данными (для обработки постоянства и заполнения данных)
Я бы сказал, чтобы одна страница работала достаточно хорошо, а затем расширился бы оттуда. Потратьте дополнительное время на изучение работы контейнеров.