김대성
Java Web UI Framework for Business Applications
심리학자 에이브러햄 매슬러(Abraham Maslow)
Vaadin Framework
<html> <head> <!-- CDN --> <script src="https://cdn.vaadin.com/vaadin-core-elements/latest/webcomponentsjs/webcomponents-lite.min.js"></script> <link href="https://cdn.vaadin.com/vaadin-core-elements/latest/vaadin-core-elements/vaadin-core-elements.html" rel="import"> </head> <body> <vaadin-grid selection-mode="multi"> <table> <col name="firstName"> <col name="lastName">
....
Vaadin Elements
Vaadin Designer (IDE Plugin)
Vaadin Charts
Vaadin TestBench
Vaadin SpreadSheet
2015
2016
IE / Firefox / Chrome
Component
Component( )
Component( )
Component( )
Component( )
ValoTheme (Default)
BluePrint
Dark
Light
Button button = ("Click Me");
import com.vaadin.ui.Button;
new Button
button. (ValoTheme.BUTTON_PRIMARY);
import com.vaadin.themes.ValoTheme;
addStyleName
button. (event -> {
button.addStyleName(ValoTheme.BUTTON_DANGER);
button.setCaption("Hello World");
});
addClickListener
{
} (Exception ex) {
}
import com.vaadin.ui.Notification;
button. (event -> {
});
addClickListener
securityService.signin(email, password);
try
catch
Notification.show("ex : Singin failed...");
WELCOME TO VAADIN SEMINAR
Password
Sign in
Label
TextField
PasswordField
Button
VerticalLayout
HorizontalLayout
WELCOME TO VAADIN SEMINAR
Password
Sign in
VerticalLayout
HorizontalLayout
mvn archetype:generate -DarchetypeGroupId=com.vaadin -DarchetypeArtifactId=vaadin-archetype-application -DarchetypeVersion=7.6.5
cd vaadin-seminar
mvn package jetty:run
public void setContent(Component content) { ... }
Root Layout
import com.vaadin.ui.UI;
1. VerticalLayout
2. Label
3. HorizontalLayout
4.TextField
5. Button
6. UI.setContent(Component)
MyUI.class
PasswordField
response
single page appliction
Password
User.class
private string email;
private string password;
event
event
http://basakpie.com
https://www.facebook.com/groups/vaadinkorea
https://github.com/basakpie