Creating a CRUD form

CRUD is also known as create, read, update, and delete, which are four basic functions of storage. These methods are used by many user interfaces. We will create a form that is based on this concept. Data will be stored in a table. Adding and updating data will be implemented through a pop-up window with the form.

How to do it...

Carry out the following steps to create a CRUD form:

1. Create a Vaadin project with a main UI class called Demo.

   public class Demo extends UI {…}

2. We start with the bean. This bean is for Product that has attributes code, name, and price. In each attribute, we add validation constrains.

   public class Product  {
     @NotNull
     private int code;
     @Size(min=3, max=30)
     private String name = "";
     @Min(0)
     private double price;
   
     public Product(int code) {
       this.code = code;
     };
   
     public Product(int code, String name, double price) {
       this.code = code;
       this.name = name;
       this.price = price;
     }
     <insert getters and setters>
     …
   }

3. Next...