zoukankan      html  css  js  c++  java
  • howto:vaadin简短教程

    					vaadin应用程序的开发类似于桌面应用的开发。

    5分钟教程:

    首先要有一个主程序入口(继承com.Vaadin.Application),实现init方法(类似main方法)
    代码示例: 
    import com.Vaadin.Application;  import com.Vaadin.ui.*;  public class Dw_Vaadin_projectApplication extends com.Vaadin.Application { 	 public void init() { 	 /*... 创建主窗口 ...*/ 		 Window main = new Window("Dw_Vaadin_project Application");
             /*... 设定主窗口 ...*/ 
    		 setMainWindow(main); 	 /*... 在主窗口中添加其他 UI 组件 ...*/ 		 Label label=new Label("Hello Vaadin user"); 		 main.addComponent(label); 		 Window window = new Window("Sub Window"); 		 main.addWindow(Window); 	 }  }
    以下为效果图:

    清单 1 代码的 UI 界面1小时教程:

    以下以SpringRoo 的Pizzashop代码为例:
    Pizzashop创建请遵照此篇wiz
    1.Pizzashop应用入口类:
    public class PizzaShopApplication extends Application { 
     
        @Override
        public void init() {
            Window window = createNewWindow();
            setMainWindow(window);
        }
    /*... 创建一个单例的Window对象,并注册关闭事件避免内存泄露 ...*/
        public Window createNewWindow() {
            final Window window = new PizzaShopWindow();
     
            // remove window on close to avoid memory leaks
            window.addListener(new CloseListener() {
                public void windowClose(CloseEvent e) {
                    if (getMainWindow() != window) {
                        PizzaShopApplication.this.removeWindow(window);
                    }
                }
            });
     
            return window;
        }
     
        @Override
        public Window getWindow(String name) {
            // See if the window already exists in the application
            Window window = super.getWindow(name);
     
            // If a dynamically created window is requested, but
            // it does not exist yet, create it.
            if (window == null) {
                // Create the window object.
                window = createNewWindow();
                window.setName(name);
     
                // Add it to the application as a regular
                // application-level window
                addWindow(window);
            }
     
            return window;
        }
    2.vaadin基础知识
    vaadin采用组件式开发。一切都是围绕控件的。
    重要概念:
    component 组件 
    navigator,导航 通过导航类实现页面切换,跳转
    event & listener 事件与监听器 
    container,item,properties  vaadin的数据抽象
    详细介绍:
    component 是组件基类,组件可以注册事件。vaadin提供很多组件,组件有自己特征的属性,还有通用属性
     
     
     
     
     
     
     
     



  • 相关阅读:
    Mysql索引优化
    [ExtJS5学习笔记]第六节 Extjs的类系统Class System命名规则及定义和调试
    [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
    【翻译】Ext JS 5.0.1 中的新功能
    OpenCV——PS图层混合算法(六)
    [IDE工具配置]myeclipse 2014 专业版 安装 svn插件
    OpenCV——PS 图层混合算法 (四)
    [ExtJS5学习笔记]第四节 欢迎来到extjs5-手把手教你实现你的第一个应用
    [ExtJS5学习笔记]第三节 sencha cmd学习笔记 生成应用程序构建的内部细节
    [ExtJS5学习笔记]第二节 Sencha Cmd 学习笔记 使你的sencha cmd跑起来
  • 原文地址:https://www.cnblogs.com/HelloCoding/p/2327463.html
Copyright © 2011-2022 走看看