在添加数据源，创建数据绑定管理器之后，你需要定义需要的UI对象，并将它们关联至数据源。使用ZUML注释表达式来告诉数据绑定管理器数据源与UI组件的关系。它的使用非常简单，直接为组件的属性声明注释。
<component-name attribute-name="@{bean-name.attribute-name}"/>
component-name 描述一个UI组件。
attribute-name 描述UI组件或数据源的一个属性。
bean-name 描述一个数据源。
我们使用Grid作为一个例子，将它与一个Person实例的数据源相关联。在这个例子中，数据绑定管理器会自动同步UI组件与数据源。
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" ?>
<window>
<zscript>
//prepare the example person object
Person person = new Person();
person.setFirstName("George");
person.setLastName("Bush");
</zscript>
<grid width="400px">
<rows>
<row> First Name: <textbox value="@{person.firstName}"/></row>
<row> Last Name: <textbox value="@{person.lastName}"/></row>
<row> Full Name: <label value="@{person.fullName}"/></row>
</rows>
</grid>
</window>