diff --git a/pom.xml b/pom.xml
index 0536a536c2..95c5e23e0a 100644
--- a/pom.xml
+++ b/pom.xml
@@ -579,6 +579,7 @@
testing-modules/mockserver
testing-modules/test-containers
undertow
+ vaadin
vertx-and-rxjava
saas
deeplearning4j
@@ -1126,6 +1127,7 @@
testing-modules/mockserver
testing-modules/test-containers
undertow
+ vaadin
vertx-and-rxjava
saas
deeplearning4j
diff --git a/vaadin/README.md b/vaadin/README.md
index 0dfeea8996..43d2cc8961 100644
--- a/vaadin/README.md
+++ b/vaadin/README.md
@@ -1,3 +1,4 @@
## Relevant articles:
- [Introduction to Vaadin](http://www.baeldung.com/vaadin)
+- [Sample Application with Spring Boot and Vaadin](https://www.baeldung.com/spring-boot-vaadin)
diff --git a/vaadin/pom.xml b/vaadin/pom.xml
index ce2cd592d7..c34ffa3636 100644
--- a/vaadin/pom.xml
+++ b/vaadin/pom.xml
@@ -8,21 +8,30 @@
war
1.0-SNAPSHOT
Vaadin
-
- 3
-
-
+
+ parent-boot-2
com.baeldung
- parent-modules
- 1.0.0-SNAPSHOT
+ 0.0.1-SNAPSHOT
+ ../parent-boot-2
+
+
+
+ com.vaadin
+ vaadin-bom
+ ${vaadin.version}
+ pom
+ import
+
+
+
+
javax.servlet
javax.servlet-api
- ${servlet.version}
provided
@@ -41,6 +50,25 @@
com.vaadin
vaadin-themes
+
+
+ org.springframework.boot
+ spring-boot-starter-data-jpa
+
+
+ com.vaadin
+ vaadin-spring-boot-starter
+ ${vaadin-spring-boot-starter.version}
+
+
+ com.h2database
+ h2
+
+
+ org.springframework.boot
+ spring-boot-starter-test
+ test
+
@@ -97,21 +125,13 @@
2
+
+ org.springframework.boot
+ spring-boot-maven-plugin
+
-
-
-
- com.vaadin
- vaadin-bom
- ${vaadin.version}
- pom
- import
-
-
-
-
vaadin-addons
@@ -166,6 +186,7 @@
3.0.1
7.7.10
8.0.6
+ 10.0.1
9.3.9.v20160517
UTF-8
1.8
diff --git a/vaadin/src/main/java/com/baeldung/Application.java b/vaadin/src/main/java/com/baeldung/Application.java
new file mode 100644
index 0000000000..1d3084723a
--- /dev/null
+++ b/vaadin/src/main/java/com/baeldung/Application.java
@@ -0,0 +1,29 @@
+package com.baeldung;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+import org.springframework.boot.CommandLineRunner;
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.context.annotation.Bean;
+
+@SpringBootApplication
+public class Application {
+
+ private static final Logger log = LoggerFactory.getLogger(Application.class);
+
+ public static void main(String[] args) {
+ SpringApplication.run(Application.class);
+ }
+
+ @Bean
+ public CommandLineRunner loadData(EmployeeRepository repository) {
+ return (args) -> {
+ repository.save(new Employee("Bill", "Gates"));
+ repository.save(new Employee("Mark", "Zuckerberg"));
+ repository.save(new Employee("Sundar", "Pichai"));
+ repository.save(new Employee("Jeff", "Bezos"));
+ };
+ }
+}
diff --git a/vaadin/src/main/java/com/baeldung/Employee.java b/vaadin/src/main/java/com/baeldung/Employee.java
new file mode 100644
index 0000000000..726f0838b6
--- /dev/null
+++ b/vaadin/src/main/java/com/baeldung/Employee.java
@@ -0,0 +1,51 @@
+package com.baeldung;
+
+import javax.persistence.Entity;
+import javax.persistence.GeneratedValue;
+import javax.persistence.Id;
+
+@Entity
+public class Employee {
+
+ @Id
+ @GeneratedValue
+ private Long id;
+
+ private String firstName;
+
+ private String lastName;
+
+ protected Employee() {
+ }
+
+ public Employee(String firstName, String lastName) {
+ this.firstName = firstName;
+ this.lastName = lastName;
+ }
+
+ public Long getId() {
+ return id;
+ }
+
+ public String getFirstName() {
+ return firstName;
+ }
+
+ public void setFirstName(String firstName) {
+ this.firstName = firstName;
+ }
+
+ public String getLastName() {
+ return lastName;
+ }
+
+ public void setLastName(String lastName) {
+ this.lastName = lastName;
+ }
+
+ @Override
+ public String toString() {
+ return String.format("Employee[id=%d, firstName='%s', lastName='%s']", id, firstName, lastName);
+ }
+
+}
diff --git a/vaadin/src/main/java/com/baeldung/EmployeeEditor.java b/vaadin/src/main/java/com/baeldung/EmployeeEditor.java
new file mode 100644
index 0000000000..ee312786d1
--- /dev/null
+++ b/vaadin/src/main/java/com/baeldung/EmployeeEditor.java
@@ -0,0 +1,90 @@
+package com.baeldung;
+
+import com.vaadin.flow.component.Key;
+import com.vaadin.flow.component.KeyNotifier;
+import com.vaadin.flow.component.button.Button;
+import com.vaadin.flow.component.icon.VaadinIcon;
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
+import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+import com.vaadin.flow.component.textfield.TextField;
+import com.vaadin.flow.data.binder.Binder;
+import com.vaadin.flow.spring.annotation.SpringComponent;
+import com.vaadin.flow.spring.annotation.UIScope;
+import org.springframework.beans.factory.annotation.Autowired;
+
+@SpringComponent
+@UIScope
+public class EmployeeEditor extends VerticalLayout implements KeyNotifier {
+
+ private final EmployeeRepository repository;
+
+ private Employee employee;
+
+ TextField firstName = new TextField("First name");
+ TextField lastName = new TextField("Last name");
+
+ Button save = new Button("Save", VaadinIcon.CHECK.create());
+ Button cancel = new Button("Cancel");
+ Button delete = new Button("Delete", VaadinIcon.TRASH.create());
+ HorizontalLayout actions = new HorizontalLayout(save, cancel, delete);
+
+ Binder binder = new Binder<>(Employee.class);
+ private ChangeHandler changeHandler;
+
+ @Autowired
+ public EmployeeEditor(EmployeeRepository repository) {
+ this.repository = repository;
+
+ add(firstName, lastName, actions);
+
+ binder.bindInstanceFields(this);
+
+ setSpacing(true);
+
+ save.getElement().getThemeList().add("primary");
+ delete.getElement().getThemeList().add("error");
+
+ addKeyPressListener(Key.ENTER, e -> save());
+
+ save.addClickListener(e -> save());
+ delete.addClickListener(e -> delete());
+ cancel.addClickListener(e -> editEmployee(employee));
+ setVisible(false);
+ }
+
+ void delete() {
+ repository.delete(employee);
+ changeHandler.onChange();
+ }
+
+ void save() {
+ repository.save(employee);
+ changeHandler.onChange();
+ }
+
+ public interface ChangeHandler {
+ void onChange();
+ }
+
+ public final void editEmployee(Employee c) {
+ if (c == null) {
+ setVisible(false);
+ return;
+ }
+ final boolean persisted = c.getId() != null;
+ if (persisted) {
+ employee = repository.findById(c.getId()).get();
+ } else {
+ employee = c;
+ }
+
+ cancel.setVisible(persisted);
+ binder.setBean(employee);
+ setVisible(true);
+ firstName.focus();
+ }
+
+ public void setChangeHandler(ChangeHandler h) {
+ changeHandler = h;
+ }
+}
diff --git a/vaadin/src/main/java/com/baeldung/EmployeeRepository.java b/vaadin/src/main/java/com/baeldung/EmployeeRepository.java
new file mode 100644
index 0000000000..044160da78
--- /dev/null
+++ b/vaadin/src/main/java/com/baeldung/EmployeeRepository.java
@@ -0,0 +1,10 @@
+package com.baeldung;
+
+import java.util.List;
+
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface EmployeeRepository extends JpaRepository {
+
+ List findByLastNameStartsWithIgnoreCase(String lastName);
+}
diff --git a/vaadin/src/main/java/com/baeldung/MainView.java b/vaadin/src/main/java/com/baeldung/MainView.java
new file mode 100644
index 0000000000..6d4c0aaa88
--- /dev/null
+++ b/vaadin/src/main/java/com/baeldung/MainView.java
@@ -0,0 +1,67 @@
+package com.baeldung;
+
+import org.springframework.util.StringUtils;
+
+import com.vaadin.flow.component.button.Button;
+import com.vaadin.flow.component.grid.Grid;
+import com.vaadin.flow.component.icon.VaadinIcon;
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
+import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+import com.vaadin.flow.component.textfield.TextField;
+import com.vaadin.flow.data.value.ValueChangeMode;
+import com.vaadin.flow.router.Route;
+
+@Route
+public class MainView extends VerticalLayout {
+
+ private final EmployeeRepository employeeRepository;
+
+ private final EmployeeEditor editor;
+
+ final Grid grid;
+
+ final TextField filter;
+
+ private final Button addNewBtn;
+
+ public MainView(EmployeeRepository repo, EmployeeEditor editor) {
+ this.employeeRepository = repo;
+ this.editor = editor;
+ this.grid = new Grid<>(Employee.class);
+ this.filter = new TextField();
+ this.addNewBtn = new Button("New employee", VaadinIcon.PLUS.create());
+
+ HorizontalLayout actions = new HorizontalLayout(filter, addNewBtn);
+ add(actions, grid, editor);
+
+ grid.setHeight("200px");
+ grid.setColumns("id", "firstName", "lastName");
+ grid.getColumnByKey("id").setWidth("50px").setFlexGrow(0);
+
+ filter.setPlaceholder("Filter by last name");
+
+ filter.setValueChangeMode(ValueChangeMode.EAGER);
+ filter.addValueChangeListener(e -> listEmployees(e.getValue()));
+
+ grid.asSingleSelect().addValueChangeListener(e -> {
+ editor.editEmployee(e.getValue());
+ });
+
+ addNewBtn.addClickListener(e -> editor.editEmployee(new Employee("", "")));
+
+ editor.setChangeHandler(() -> {
+ editor.setVisible(false);
+ listEmployees(filter.getValue());
+ });
+
+ listEmployees(null);
+ }
+
+ void listEmployees(String filterText) {
+ if (StringUtils.isEmpty(filterText)) {
+ grid.setItems(employeeRepository.findAll());
+ } else {
+ grid.setItems(employeeRepository.findByLastNameStartsWithIgnoreCase(filterText));
+ }
+ }
+}