howto:vaadin简短教程
vaadin應(yīng)用程序的開發(fā)類似于桌面應(yīng)用的開發(fā)。
5分鐘教程:
首先要有一個(gè)主程序入口(繼承com.Vaadin.Application),實(shí)現(xiàn)init方法(類似main方法)
代碼示例:
import com.Vaadin.Application; import com.Vaadin.ui.*; public class Dw_Vaadin_projectApplication extends com.Vaadin.Application { public void init() { /*... 創(chuàng)建主窗口 ...*/ Window main = new Window("Dw_Vaadin_project Application");
/*... 設(shè)定主窗口 ...*/
setMainWindow(main); /*... 在主窗口中添加其他 UI 組件 ...*/ Label label=new Label("Hello Vaadin user"); main.addComponent(label); Window window = new Window("Sub Window"); main.addWindow(Window); } }
以下為效果圖:
1小時(shí)教程:
以下以SpringRoo 的Pizzashop代碼為例:
Pizzashop創(chuàng)建請(qǐng)遵照此篇wiz
1.Pizzashop應(yīng)用入口類:
public class PizzaShopApplication extends Application {
@Override
public void init() {
Window window = createNewWindow();
setMainWindow(window);
}
/*... 創(chuàng)建一個(gè)單例的Window對(duì)象,并注冊(cè)關(guān)閉事件避免內(nèi)存泄露 ...*/
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基礎(chǔ)知識(shí)
vaadin采用組件式開發(fā)。一切都是圍繞控件的。
重要概念:
component 組件
navigator,導(dǎo)航 通過導(dǎo)航類實(shí)現(xiàn)頁面切換,跳轉(zhuǎn)
event & listener 事件與監(jiān)聽器
container,item,properties vaadin的數(shù)據(jù)抽象
詳細(xì)介紹:
component 是組件基類,組件可以注冊(cè)事件。vaadin提供很多組件,組件有自己特征的屬性,還有通用屬性
總結(jié)
以上是生活随笔為你收集整理的howto:vaadin简短教程的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Kubernetes的搭建与配置(二):
- 下一篇: 怎么创建具有真实纹理的CG场景岩石?