vaadin_demo

 

简介：主要一个登陆界面，登陆后跳转到主界面；

主界面功能是点新增，新增人员数据会保存到显示列表中；

一个很简单的demo

下面是截图

 

下面附代码：

People类：

package com.example.demo.entity;

public class People {

    /*
     * 姓名
     */
    private String name;
    
    /*
     * 地址
     */
    private String addr;
     
    /*
     * 性别
     */
    private String sex;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getAddr() {
        return addr;
    }

    public void setAddr(String addr) {
        this.addr = addr;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }
    
}

View Code

DemoApplication类

package com.example.demo;

import java.util.ArrayList;
import java.util.List;

import org.apache.tools.ant.types.CommandlineJava.SysProperties;

import com.example.demo.entity.People;
import com.vaadin.Application;
import com.vaadin.terminal.Sizeable;
import com.vaadin.ui.Accordion;
import com.vaadin.ui.Alignment;
import com.vaadin.ui.Button;
import com.vaadin.ui.Button.ClickEvent;
import com.vaadin.ui.Button.ClickListener;
import com.vaadin.ui.CheckBox;
import com.vaadin.ui.ComboBox;
import com.vaadin.ui.GridLayout;
import com.vaadin.ui.HorizontalSplitPanel;
import com.vaadin.ui.PasswordField;
import com.vaadin.ui.PopupDateField;
import com.vaadin.ui.TabSheet;
import com.vaadin.ui.TabSheet.SelectedTabChangeEvent;
import com.vaadin.ui.TabSheet.SelectedTabChangeListener;
import com.vaadin.ui.TabSheet.Tab;
import com.vaadin.ui.TextField;
import com.vaadin.ui.TreeTable;
import com.vaadin.ui.VerticalLayout;
import com.vaadin.ui.Window;
import com.vaadin.ui.Window.Notification;

/**
 * Main application class.
 */
@SuppressWarnings("serial")
public class DemoApplication extends Application implements ClickListener, SelectedTabChangeListener{
    
    //登录按钮 
    private Button loginButton;
    
    //功能按钮
    private Button added,show,b3;
    
    //水平布局
    private HorizontalSplitPanel horizontalSplitPanel;
    
    //网格布局
    private GridLayout grid;
    
    //表格树
    private TreeTable treetable;
    
    //提交按钮
    private Button commit;
    
    //录入界面的姓名，地址
    private TextField nameField,address;
    
    //录入界面的性别
    private ComboBox sex;
    
    //sheet页标签
    private TabSheet t;
    
    //布局
    private VerticalLayout inputLayout,showLayout;
    
    //显示人员列表
    private List<People> lists;
    
    //初始化
    public void init() {
        Window mainWindow = new Window("Demo Application");

        //先定义一个水平布局
        VerticalLayout verticalLayout = new VerticalLayout();
        
        //用户名
        TextField usernameField = new TextField("用户名");
        usernameField.setValue("");
        verticalLayout.addComponent(usernameField);
        
        //密码
        PasswordField passwordField = new PasswordField("密码");
        passwordField.setValue("");
        verticalLayout.addComponent(passwordField);
        
        //为登录按钮添加监听事件
        loginButton = new Button("登录");
        loginButton.addListener((ClickListener)this);
        
        //初始化全局变量
        t = new TabSheet();
        lists = new ArrayList<People>();
        
        //添加布局
        mainWindow.addComponent(verticalLayout);
        mainWindow.addComponent(loginButton);
        
        setMainWindow(mainWindow);
    }

    //按钮点击事件
    public void buttonClick(ClickEvent event) {
        Window mainWindow = this.getMainWindow();
        
        Button eventButton = event.getButton();
        if(eventButton == loginButton){//点击登录按钮触发事件
            mainWindow.removeAllComponents();
            showMainPage();//跳转登录后主界面，加载布局
            horizontalSplitPanel.addComponent(t);//整个过程只需加载一次
        }else if (eventButton == added){
            detailForm();//跳转个人信息录入界面
        }else if (eventButton == show) {
            detailForm2();//跳转到显示界面
        }else if(eventButton == commit){
            addDataToList();//讲添加界面的数据保存到显示列表中
        }
    }

    /**
     * 主界面
     */
    public void showMainPage(){
        Window mainWindow = this.getMainWindow();
        
        //定义水平布局
        horizontalSplitPanel = new HorizontalSplitPanel();
        horizontalSplitPanel.setSizeFull();
        horizontalSplitPanel.setHeight("650px");
        horizontalSplitPanel.setSplitPosition(20);
        
        mainWindow.addComponent(horizontalSplitPanel);
        
        //添加固定滑动监控
        CheckBox toggleLocked = new CheckBox("Splits locked",
                new Button.ClickListener() {
                    // inline click.listener
                    public void buttonClick(ClickEvent event) {
                        horizontalSplitPanel.setLocked(event.getButton().booleanValue());
                    }
                });
        toggleLocked.setImmediate(true);
        mainWindow.addComponent(toggleLocked);
        
        treePanel();//部署树形结构
    }
    
    /**
     * 左边结构
     */
    public void treePanel(){
        Accordion accordion = new Accordion();
        horizontalSplitPanel.addComponent(accordion);
        
        //功能按钮
        added = new Button("新增");
        show = new Button("显示");
        b3 = new Button("b3");
        added.addListener(this);
        show.addListener(this);
        b3.addListener(this);
        
        accordion.setHeight("100%");
        accordion.setWidth("600px");
        
        //为布局添加按钮功能
        accordion.addTab(added,"录入界面");
        accordion.addTab(show,"显示界面");
        accordion.addTab(b3,"czy3");
    }
    
    /**
     * 右边详情界面(录入界面)
     */
    public void detailForm(){
        
        if(inputLayout == null) {
            inputLayout = new VerticalLayout();
            inputLayout.setMargin(true);
            grid = new GridLayout(2,5);
            grid.setSpacing(true);
            grid.setWidth(400, Sizeable.UNITS_PIXELS);
            grid.setHeight(400, Sizeable.UNITS_PIXELS);
            
            //姓名
            nameField = new TextField("姓名");
            grid.addComponent(nameField, 0, 0);
            grid.setComponentAlignment(nameField, Alignment.TOP_LEFT);
            
            //地址
            address = new TextField("地址");
            grid.addComponent(address, 1, 0);
            
            //性别
            sex = new ComboBox("性别");
            sex.addItem("男");
            sex.addItem("女");
            grid.addComponent(sex, 0, 1);
            
            //出生日期
            PopupDateField datetime = new PopupDateField("出生日期");
            grid.addComponent(datetime, 1, 1);
            
            commit = new Button("提交");
            commit.addListener(this);
            
            grid.addComponent(commit,0,2);
            
            inputLayout.addComponent(grid);
        }
        
        if(t.getTab(inputLayout) == null) {
            t.addTab(inputLayout, "录入界面");
            t.addListener(this);
            t.getTab(inputLayout).setClosable(true);
        }
        t.setSelectedTab(inputLayout);
    }
    
    /**
     * 右边详情界面(查询界面)
     */
    public void detailForm2(){
        treetable = new TreeTable();
        if(showLayout!=null){//获取我想要移除的组件，从tabsheet页中去掉，从而实现动态刷新
            Tab tab = t.getTab(showLayout);
            t.removeTab(tab);
        }
        showLayout = new VerticalLayout();
        showLayout.setMargin(true);
        treetable.setWidth("100%");
        //编写list表格界面
        treetable.addContainerProperty("Name", String.class, "");
        treetable.addContainerProperty("Sex", String.class, "");
        treetable.addContainerProperty("addr", String.class, "");
        treetable.addItem(new Object[]{"陈泽勇","男","上海"}, null);
        if(t.getTab(showLayout) == null) {
            t.addTab(showLayout, "查询界面");
            t.addListener(this);
            t.getTab(showLayout).setClosable(true);
        }
        treetable.refreshRowCache();
        //添加数据
        if(lists != null){
            for(People people : lists){
                treetable.addItem(new Object[]{people.getName(),people.getSex(),people.getAddr()},null);
            }
        }
        showLayout.addComponent(treetable);
        t.setSelectedTab(showLayout);
        if(t.getTab(showLayout) == null) {
            t.addTab(showLayout, "查询界面");
            t.addListener(this);
            t.getTab(showLayout).setClosable(true);
        }
        t.setSelectedTab(showLayout);
    }
    
    /**
     * 添加数据到list表单中
     */
    public void addDataToList(){
        People man = new People();
        man.setName(nameField.toString());
        man.setAddr(address.toString());
        man.setSex(sex.toString());
        lists.add(man);
    }

    /**
     * 选择tabsheet事件，实现动态跳转tab页
     */
    @Override
    public void selectedTabChange(SelectedTabChangeEvent event) {
        TabSheet tabsheet = event.getTabSheet();
        Tab tab = tabsheet.getTab(tabsheet.getSelectedTab());
        if (tab != null) {
            
        }
    }
}

View Code

 

 

over...

 

转载于:https://www.cnblogs.com/chenzeyong/p/5949889.html