[BAEL-10984] - Updated vaadin article with new version and added removed examples
This commit is contained in:
amit2103
parent
f6739df532
commit
1a3bf2a24f
|
|
@ -33,7 +33,26 @@
|
||||||
<artifactId>javax.servlet-api</artifactId>
|
<artifactId>javax.servlet-api</artifactId>
|
||||||
<scope>provided</scope>
|
<scope>provided</scope>
|
||||||
</dependency>
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.vaadin</groupId>
|
||||||
|
<artifactId>vaadin-server</artifactId>
|
||||||
|
<version>${vaadin-server.version}</version>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.vaadin</groupId>
|
||||||
|
<artifactId>vaadin-push</artifactId>
|
||||||
|
<version>${vaadin-push.version}</version>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.vaadin</groupId>
|
||||||
|
<artifactId>vaadin-client-compiled</artifactId>
|
||||||
|
<version>${vaadin-client-compiled.version}</version>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.vaadin</groupId>
|
||||||
|
<artifactId>vaadin-themes</artifactId>
|
||||||
|
<version>${vaadin-themes.version}</version>
|
||||||
|
</dependency>
|
||||||
<dependency>
|
<dependency>
|
||||||
<groupId>org.springframework.boot</groupId>
|
<groupId>org.springframework.boot</groupId>
|
||||||
<artifactId>spring-boot-starter-data-jpa</artifactId>
|
<artifactId>spring-boot-starter-data-jpa</artifactId>
|
||||||
|
|
@ -155,9 +174,13 @@
|
||||||
</profiles>
|
</profiles>
|
||||||
|
|
||||||
<properties>
|
<properties>
|
||||||
<vaadin.version>10.0.11</vaadin.version>
|
<vaadin.version>13.0.9</vaadin.version>
|
||||||
<vaadin.plugin.version>10.0.11</vaadin.plugin.version>
|
<vaadin.plugin.version>13.0.9</vaadin.plugin.version>
|
||||||
<vaadin-spring-boot-starter.version>10.0.11</vaadin-spring-boot-starter.version>
|
<vaadin-spring-boot-starter.version>13.0.9</vaadin-spring-boot-starter.version>
|
||||||
|
<vaadin-server.version>8.8.5</vaadin-server.version>
|
||||||
|
<vaadin-push.version>8.8.5</vaadin-push.version>
|
||||||
|
<vaadin-client-compiled.version>8.8.5</vaadin-client-compiled.version>
|
||||||
|
<vaadin-themes.version>8.8.5</vaadin-themes.version>
|
||||||
<jetty.plugin.version>9.3.9.v20160517</jetty.plugin.version>
|
<jetty.plugin.version>9.3.9.v20160517</jetty.plugin.version>
|
||||||
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
|
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
|
||||||
<maven.compiler.source>1.8</maven.compiler.source>
|
<maven.compiler.source>1.8</maven.compiler.source>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,278 @@
|
||||||
|
package com.baeldung.introduction;
|
||||||
|
|
||||||
|
import java.time.Instant;
|
||||||
|
import java.time.LocalDate;
|
||||||
|
import java.util.ArrayList;
|
||||||
|
import java.util.List;
|
||||||
|
import java.util.concurrent.Executors;
|
||||||
|
import java.util.concurrent.ScheduledExecutorService;
|
||||||
|
import java.util.concurrent.TimeUnit;
|
||||||
|
|
||||||
|
import javax.servlet.annotation.WebServlet;
|
||||||
|
|
||||||
|
import com.vaadin.annotations.Push;
|
||||||
|
import com.vaadin.annotations.Theme;
|
||||||
|
import com.vaadin.annotations.VaadinServletConfiguration;
|
||||||
|
import com.vaadin.data.Binder;
|
||||||
|
import com.vaadin.data.validator.StringLengthValidator;
|
||||||
|
import com.vaadin.icons.VaadinIcons;
|
||||||
|
import com.vaadin.server.ExternalResource;
|
||||||
|
import com.vaadin.server.VaadinRequest;
|
||||||
|
import com.vaadin.server.VaadinServlet;
|
||||||
|
import com.vaadin.ui.Button;
|
||||||
|
import com.vaadin.ui.CheckBox;
|
||||||
|
import com.vaadin.ui.ComboBox;
|
||||||
|
import com.vaadin.ui.DateField;
|
||||||
|
import com.vaadin.ui.FormLayout;
|
||||||
|
import com.vaadin.ui.Grid;
|
||||||
|
import com.vaadin.ui.GridLayout;
|
||||||
|
import com.vaadin.ui.HorizontalLayout;
|
||||||
|
import com.vaadin.ui.InlineDateField;
|
||||||
|
import com.vaadin.ui.Label;
|
||||||
|
import com.vaadin.ui.Link;
|
||||||
|
import com.vaadin.ui.ListSelect;
|
||||||
|
import com.vaadin.ui.NativeButton;
|
||||||
|
import com.vaadin.ui.NativeSelect;
|
||||||
|
import com.vaadin.ui.Panel;
|
||||||
|
import com.vaadin.ui.PasswordField;
|
||||||
|
import com.vaadin.ui.RichTextArea;
|
||||||
|
import com.vaadin.ui.TextArea;
|
||||||
|
import com.vaadin.ui.TextField;
|
||||||
|
import com.vaadin.ui.TwinColSelect;
|
||||||
|
import com.vaadin.ui.UI;
|
||||||
|
import com.vaadin.ui.VerticalLayout;
|
||||||
|
|
||||||
|
@SuppressWarnings("serial")
|
||||||
|
@Push
|
||||||
|
@Theme("mytheme")
|
||||||
|
public class VaadinUI extends UI {
|
||||||
|
|
||||||
|
private Label currentTime;
|
||||||
|
|
||||||
|
@SuppressWarnings({ "rawtypes", "unchecked" })
|
||||||
|
@Override
|
||||||
|
protected void init(VaadinRequest vaadinRequest) {
|
||||||
|
final VerticalLayout verticalLayout = new VerticalLayout();
|
||||||
|
verticalLayout.setSpacing(true);
|
||||||
|
verticalLayout.setMargin(true);
|
||||||
|
final GridLayout gridLayout = new GridLayout(3, 2);
|
||||||
|
gridLayout.setSpacing(true);
|
||||||
|
gridLayout.setMargin(true);
|
||||||
|
final HorizontalLayout horizontalLayout = new HorizontalLayout();
|
||||||
|
horizontalLayout.setSpacing(true);
|
||||||
|
horizontalLayout.setMargin(true);
|
||||||
|
final FormLayout formLayout = new FormLayout();
|
||||||
|
formLayout.setSpacing(true);
|
||||||
|
formLayout.setMargin(true);
|
||||||
|
final GridLayout buttonLayout = new GridLayout(3, 5);
|
||||||
|
buttonLayout.setMargin(true);
|
||||||
|
buttonLayout.setSpacing(true);
|
||||||
|
|
||||||
|
final Label label = new Label();
|
||||||
|
label.setId("Label");
|
||||||
|
label.setValue("Label Value");
|
||||||
|
label.setCaption("Label");
|
||||||
|
gridLayout.addComponent(label);
|
||||||
|
|
||||||
|
final Link link = new Link("Baeldung", new ExternalResource("http://www.baeldung.com/"));
|
||||||
|
link.setId("Link");
|
||||||
|
link.setTargetName("_blank");
|
||||||
|
gridLayout.addComponent(link);
|
||||||
|
|
||||||
|
final TextField textField = new TextField();
|
||||||
|
textField.setId("TextField");
|
||||||
|
textField.setCaption("TextField:");
|
||||||
|
textField.setValue("TextField Value");
|
||||||
|
textField.setIcon(VaadinIcons.USER);
|
||||||
|
gridLayout.addComponent(textField);
|
||||||
|
|
||||||
|
final TextArea textArea = new TextArea();
|
||||||
|
textArea.setCaption("TextArea");
|
||||||
|
textArea.setId("TextArea");
|
||||||
|
textArea.setValue("TextArea Value");
|
||||||
|
gridLayout.addComponent(textArea);
|
||||||
|
|
||||||
|
final DateField dateField = new DateField("DateField", LocalDate.ofEpochDay(0));
|
||||||
|
dateField.setId("DateField");
|
||||||
|
gridLayout.addComponent(dateField);
|
||||||
|
|
||||||
|
final PasswordField passwordField = new PasswordField();
|
||||||
|
passwordField.setId("PasswordField");
|
||||||
|
passwordField.setCaption("PasswordField:");
|
||||||
|
passwordField.setValue("password");
|
||||||
|
gridLayout.addComponent(passwordField);
|
||||||
|
|
||||||
|
final RichTextArea richTextArea = new RichTextArea();
|
||||||
|
richTextArea.setCaption("Rich Text Area");
|
||||||
|
richTextArea.setValue("<h1>RichTextArea</h1>");
|
||||||
|
richTextArea.setSizeFull();
|
||||||
|
|
||||||
|
Panel richTextPanel = new Panel();
|
||||||
|
richTextPanel.setContent(richTextArea);
|
||||||
|
|
||||||
|
final InlineDateField inlineDateField = new InlineDateField();
|
||||||
|
inlineDateField.setValue(LocalDate.ofEpochDay(0));
|
||||||
|
inlineDateField.setCaption("Inline Date Field");
|
||||||
|
horizontalLayout.addComponent(inlineDateField);
|
||||||
|
|
||||||
|
Button normalButton = new Button("Normal Button");
|
||||||
|
normalButton.setId("NormalButton");
|
||||||
|
normalButton.addClickListener(e -> {
|
||||||
|
label.setValue("CLICK");
|
||||||
|
});
|
||||||
|
buttonLayout.addComponent(normalButton);
|
||||||
|
|
||||||
|
Button tinyButton = new Button("Tiny Button");
|
||||||
|
tinyButton.addStyleName("tiny");
|
||||||
|
buttonLayout.addComponent(tinyButton);
|
||||||
|
|
||||||
|
Button smallButton = new Button("Small Button");
|
||||||
|
smallButton.addStyleName("small");
|
||||||
|
buttonLayout.addComponent(smallButton);
|
||||||
|
|
||||||
|
Button largeButton = new Button("Large Button");
|
||||||
|
largeButton.addStyleName("large");
|
||||||
|
buttonLayout.addComponent(largeButton);
|
||||||
|
|
||||||
|
Button hugeButton = new Button("Huge Button");
|
||||||
|
hugeButton.addStyleName("huge");
|
||||||
|
buttonLayout.addComponent(hugeButton);
|
||||||
|
|
||||||
|
Button disabledButton = new Button("Disabled Button");
|
||||||
|
disabledButton.setDescription("This button cannot be clicked");
|
||||||
|
disabledButton.setEnabled(false);
|
||||||
|
buttonLayout.addComponent(disabledButton);
|
||||||
|
|
||||||
|
Button dangerButton = new Button("Danger Button");
|
||||||
|
dangerButton.addStyleName("danger");
|
||||||
|
buttonLayout.addComponent(dangerButton);
|
||||||
|
|
||||||
|
Button friendlyButton = new Button("Friendly Button");
|
||||||
|
friendlyButton.addStyleName("friendly");
|
||||||
|
buttonLayout.addComponent(friendlyButton);
|
||||||
|
|
||||||
|
Button primaryButton = new Button("Primary Button");
|
||||||
|
primaryButton.addStyleName("primary");
|
||||||
|
buttonLayout.addComponent(primaryButton);
|
||||||
|
|
||||||
|
NativeButton nativeButton = new NativeButton("Native Button");
|
||||||
|
buttonLayout.addComponent(nativeButton);
|
||||||
|
|
||||||
|
Button iconButton = new Button("Icon Button");
|
||||||
|
iconButton.setIcon(VaadinIcons.ALIGN_LEFT);
|
||||||
|
buttonLayout.addComponent(iconButton);
|
||||||
|
|
||||||
|
Button borderlessButton = new Button("BorderLess Button");
|
||||||
|
borderlessButton.addStyleName("borderless");
|
||||||
|
buttonLayout.addComponent(borderlessButton);
|
||||||
|
|
||||||
|
Button linkButton = new Button("Link Button");
|
||||||
|
linkButton.addStyleName("link");
|
||||||
|
buttonLayout.addComponent(linkButton);
|
||||||
|
|
||||||
|
Button quietButton = new Button("Quiet Button");
|
||||||
|
quietButton.addStyleName("quiet");
|
||||||
|
buttonLayout.addComponent(quietButton);
|
||||||
|
|
||||||
|
horizontalLayout.addComponent(buttonLayout);
|
||||||
|
|
||||||
|
final CheckBox checkbox = new CheckBox("CheckBox");
|
||||||
|
checkbox.setValue(true);
|
||||||
|
checkbox.addValueChangeListener(e -> checkbox.setValue(!checkbox.getValue()));
|
||||||
|
formLayout.addComponent(checkbox);
|
||||||
|
|
||||||
|
List<String> numbers = new ArrayList<String>();
|
||||||
|
numbers.add("One");
|
||||||
|
numbers.add("Ten");
|
||||||
|
numbers.add("Eleven");
|
||||||
|
ComboBox comboBox = new ComboBox("ComboBox");
|
||||||
|
comboBox.setItems(numbers);
|
||||||
|
formLayout.addComponent(comboBox);
|
||||||
|
|
||||||
|
ListSelect listSelect = new ListSelect("ListSelect");
|
||||||
|
listSelect.setItems(numbers);
|
||||||
|
listSelect.setRows(2);
|
||||||
|
formLayout.addComponent(listSelect);
|
||||||
|
|
||||||
|
NativeSelect nativeSelect = new NativeSelect("NativeSelect");
|
||||||
|
nativeSelect.setItems(numbers);
|
||||||
|
formLayout.addComponent(nativeSelect);
|
||||||
|
|
||||||
|
TwinColSelect twinColSelect = new TwinColSelect("TwinColSelect");
|
||||||
|
twinColSelect.setItems(numbers);
|
||||||
|
|
||||||
|
Grid grid = new Grid("Grid");
|
||||||
|
grid.setColumns("Column1", "Column2", "Column3");
|
||||||
|
grid.setItems("Item1", "Item2", "Item3");
|
||||||
|
grid.setItems("Item4", "Item5", "Item6");
|
||||||
|
|
||||||
|
Panel panel = new Panel("Panel");
|
||||||
|
panel.setContent(grid);
|
||||||
|
panel.setSizeUndefined();
|
||||||
|
|
||||||
|
Panel serverPushPanel = new Panel("Server Push");
|
||||||
|
FormLayout timeLayout = new FormLayout();
|
||||||
|
timeLayout.setSpacing(true);
|
||||||
|
timeLayout.setMargin(true);
|
||||||
|
currentTime = new Label("No TIME...");
|
||||||
|
timeLayout.addComponent(currentTime);
|
||||||
|
serverPushPanel.setContent(timeLayout);
|
||||||
|
serverPushPanel.setSizeUndefined();
|
||||||
|
ScheduledExecutorService scheduleExecutor = Executors.newScheduledThreadPool(1);
|
||||||
|
Runnable task = () -> {
|
||||||
|
currentTime.setValue("Current Time : " + Instant.now());
|
||||||
|
};
|
||||||
|
scheduleExecutor.scheduleWithFixedDelay(task, 0, 1, TimeUnit.SECONDS);
|
||||||
|
|
||||||
|
FormLayout dataBindingLayout = new FormLayout();
|
||||||
|
dataBindingLayout.setSpacing(true);
|
||||||
|
dataBindingLayout.setMargin(true);
|
||||||
|
|
||||||
|
Binder<BindData> binder = new Binder<>();
|
||||||
|
BindData bindData = new BindData("BindData");
|
||||||
|
binder.readBean(bindData);
|
||||||
|
TextField bindedTextField = new TextField();
|
||||||
|
bindedTextField.setWidth("250px");
|
||||||
|
binder.forField(bindedTextField).bind(BindData::getBindName, BindData::setBindName);
|
||||||
|
dataBindingLayout.addComponent(bindedTextField);
|
||||||
|
|
||||||
|
FormLayout validatorLayout = new FormLayout();
|
||||||
|
validatorLayout.setSpacing(true);
|
||||||
|
validatorLayout.setMargin(true);
|
||||||
|
|
||||||
|
HorizontalLayout textValidatorLayout = new HorizontalLayout();
|
||||||
|
textValidatorLayout.setSpacing(true);
|
||||||
|
textValidatorLayout.setMargin(true);
|
||||||
|
|
||||||
|
|
||||||
|
BindData stringValidatorBindData = new BindData("");
|
||||||
|
TextField stringValidator = new TextField();
|
||||||
|
Binder<BindData> stringValidatorBinder = new Binder<>();
|
||||||
|
stringValidatorBinder.setBean(stringValidatorBindData);
|
||||||
|
stringValidatorBinder.forField(stringValidator)
|
||||||
|
.withValidator(new StringLengthValidator("String must have 2-5 characters lenght", 2, 5))
|
||||||
|
.bind(BindData::getBindName, BindData::setBindName);
|
||||||
|
|
||||||
|
textValidatorLayout.addComponent(stringValidator);
|
||||||
|
Button buttonStringValidator = new Button("Validate String");
|
||||||
|
buttonStringValidator.addClickListener(e -> stringValidatorBinder.validate());
|
||||||
|
textValidatorLayout.addComponent(buttonStringValidator);
|
||||||
|
|
||||||
|
validatorLayout.addComponent(textValidatorLayout);
|
||||||
|
verticalLayout.addComponent(gridLayout);
|
||||||
|
verticalLayout.addComponent(richTextPanel);
|
||||||
|
verticalLayout.addComponent(horizontalLayout);
|
||||||
|
verticalLayout.addComponent(formLayout);
|
||||||
|
verticalLayout.addComponent(twinColSelect);
|
||||||
|
verticalLayout.addComponent(panel);
|
||||||
|
verticalLayout.addComponent(serverPushPanel);
|
||||||
|
verticalLayout.addComponent(dataBindingLayout);
|
||||||
|
verticalLayout.addComponent(validatorLayout);
|
||||||
|
setContent(verticalLayout);
|
||||||
|
}
|
||||||
|
|
||||||
|
@WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
|
||||||
|
@VaadinServletConfiguration(ui = VaadinUI.class, productionMode = false)
|
||||||
|
public static class MyUIServlet extends VaadinServlet {
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue