本篇介绍Vaadin的数据模型及数据绑定-将数据源绑定到UI组件。
Vaadin通过数据绑定可以支持用户提供UI组件(界面)直接操作数据模型(显示或者直接修改)。
Vaadin的数据模型分为三个层次: Property, Item 和 Container. 类比Excel电子表格,可以分别类比电子表格的单元格,一行和整个表单。
Vaadin数据某些相关的接口和类定义在包 com.vaadin.data 中。要注意的是Vaadin定义的数据模型都是通过接口来定义的,而非实类。这也体现了“编程到接口”的设计模式,因此支持数据绑定的数据源可以多种多样,比如普通Java类, 文件系统,数据库等。
Vaadin的UI组件和数据绑定关系密切。 所有实现了Field接口的UI组件都支持数据绑定。这些UI组件也可以称为Field 组件。与其绑定的值可以通过Property属性来访问。
下图显示了Vaadin数据模型接口之间的关系:
Vaadin的数据模型支持多种功能,比如支持数据更新通知,支持索引,排序,过滤等。
Vaadin 通过了多种内置的数据模型如SQL数据库支持等,也可以通过插件的方式支持其它数据类型,如JPA支持。
分享到:
相关推荐
赠送jar包:android-json-0.0.20131108.vaadin1.jar; 赠送原API文档:android-json-0.0.20131108.vaadin1-javadoc.jar; 赠送源代码:android-json-0.0.20131108.vaadin1-sources.jar; 赠送Maven依赖信息文件:...
org.vaadin.addons.dcharts-widget-0.10.0-dcharts-widget-0.10.0.jar
赠送jar包:android-json-0.0.20131108.vaadin1.jar; 赠送原API文档:android-json-0.0.20131108.vaadin1-javadoc.jar; 赠送源代码:android-json-0.0.20131108.vaadin1-sources.jar; 赠送Maven依赖信息文件:...
Vaadin来自北欧的__Web__应用开发利器
import '@vaadin/vaadin-menu-bar/vaadin-menu-bar.js' ; 入门 Vaadin组件默认使用Lumo主题。 要使用Material主题,请从theme/material文件夹导入对应的文件。 入口点 具有Lumo主题的组件: theme/lumo/vaadin-...
cd vaadin-microservices-demo mvn package 运行演示 使用多个(七个)终端执行以下步骤: 1)启动discovery-server应用程序(Eureka应用程序): cd vaadin-microservices-demo/discovery-server java -jar ...
vaadin-list-mixin vaadin-list-mixin是nav元素的混合,有助于导航和选择childNodes。 在浏览器中运行测试 分叉vaadin-list-mixin存储库并在本地克隆。 确保已安装和 。 在vaadin-list-mixin目录中时,运行npm ...
vaadin-edit-table-example 使用 commons-vaadin 库类 EditableTableDecorator 的 VAADIN 可编辑表示例。 这个助手类在 commons-vaadin 1.0.17 或更高版本中可用。 下载 通过 Maven 抓取: < groupId>topgroup....
< vaadin> </ vaadin>安装安装vaadin-rich-text-editor : npm i @vaadin/vaadin-rich-text-editor --save 安装后,将其导入您的应用程序: import '@vaadin/vaadin-rich-text-editor/vaadin-rich-text-editor.js' ...
| < vaadin> </ vaadin>安装安装vaadin-date-time-picker : npm i @vaadin/vaadin-date-time-picker --save 安装后,将其导入您的应用程序: import '@vaadin/vaadin-date-time-picker/vaadin-date-time-picker.js...
通过这款插件,你可以利用标准WP条件标签来决定是否在某个页面显示你的widgets。
vaadin-container-utils vaadin-container-utils 是一个 util 库,用于促进容器的创建。 作者文森特·德梅斯特 (vincent+github@demeester.fr) 版本0.3.0 地位掌握 : 开发 : 它目前包含两个主要使用的类: ...
jpetstore-6-vaadin-spring-boot该项目不再维护。此项目是将原始移植到Vaadin和Spring Boot的练习。分行大师-Java 11,Vaadin 8.9.0(正在供货) vaadin-v8-java-v8 -Java 8,Vaadin 8.3.0(旧版) vaadin-v8-with-...
dcharts-widget
Vaadin 是一种 Java Web 应用程序的开发框架, 其设计目标是便利地创建和维护高质量的 Web UI 应用程序. Vaadin 支持两种不同的开发模式: 服务器端开发和客户端开发. 服务器端开发方式是 这二者中更为强大的一种. 它...
一个演示项目,展示了可以从嵌入式Jetty运行Vaadin 14应用程序的一种简单main()方法。 开发和生产模式均受支持。 同样,该项目将其本身打包到一个扁平的uberjar和一个包含jar列表和运行脚本的zip文件中。 有关更多...
运行应用git clone https://github.com/samie/spring-vaadin-demomvn packagejava -jar target/demo-0.0.1-SNAPSHOT.jar应用程序在,您可以在找到Map视图链接Vaadin Spring信息页面: : 官方Vaadin Spring附加组件...
使用Web组件,redux和lit-html构建Web应用程序该存储库托管“事件”应用程序,该应用程序是在研讨会的期间开发的。 Web标准的新手? 结帐: : Web组件的新手? 结帐: : 从未构建过应用程序? 结帐: : 迁移到...
stylelint-config-vaadin Vaadin CSS 样式指南的 Stylelint 可共享配置 安装 $ npm install --save-dev stylelint-config-vaadin 或者 $ yarn add --dev stylelint-config-vaadin 用法 安装stylelint-config-...