Vaadin入门(2)

编写服务端Web应用

 

Vaadin应用是运行在Servlet容器中的，并且调用ServletAPI，但是这些调用都是隐藏在Vaadin框架之后的，用户界面是一个用于管理和创建界面组件并实现了UI的类，用户输入由事件监听器进行监听，并且绑定用户界面组件进行数据管理，应用程序的视频效果则是主题确定，包括css、scss文件，icons，图片等一系列资源。

服务端应用结构：

从此图我们可以清楚的看到Vaadin框架的结构及主要元素。

 

UI

一个Vaadin应用的UI在Web服务器上运行后其实就是一个Html片段，它可以填充整个页面，也可以是一个页面的一部分。UI本质上是在应用程序上用户视图与用户会话的纽带，你可以拥有多个界面或窗口，但在同一应用中他们是共用一个用户会话的。

我们可以使用UI.getCurrent()来获取当前线程上的进在运行的UI请求

 

Page

UI之间是通过Page对象来关联的，一个Page代表着当前Page将当前所有UI的运行结果展现在浏览器中。Page对象的获取可以通过Page.getCurrent()或UI.getCurrent().getPage()

 

Vaadin Session

VaadinSession其它就是Servletsession的一个封装，可以通过UI.getCurrent().getSession();来获取，至于里面的一些功能也应该和servlet session没多少区别。

 

User Interface Components，用户组件，Vaadin是富客户端框架，所有的界面元素都是采用服务端来生成，因为它对所有的Html元素都使用组件的方式进行了定义。

 

Event和Listeners，及事件与监听，我们通过服务端代码的编写可以避免编写Jquery代码，而通过Java代码直接来进行组件的事件与监听操作。

 

Resource资源文件，通过用户接口可以显示图片或通过连接进行资源文件的下载。

Themes，主题，主题是通过css或scss进行定义的，在Vaadin中主题定义在/WebContent/VAADIN/themes/主题名称

Data Binding数据绑定

组件的本质是用于展示数据的，在Vaadin中使用的数据模型，通过对组件进行数据的赋值操作。