下一代的B/S开发框架--Echo 教程(8)

数据绑定

喜欢偷懒的人最喜欢数据绑定.

很多桌面开发工具都提供了控件的数据绑定功能,很遗憾,Echo还没有. 在我手头的项目中,一个表有上百个字段,都要从Form中编辑,一个页面不够,还要分成几个页面来分段输入. 即使Echo省去了很多麻烦,还是要从每个TextField中读数据,类型转换后再放到Model中. 于是我写了一个小巧的绑定工具,这样利用Echo,一个人就能对付这种恐龙级的页面. 先来看看怎么用:

User user = new User(); //数据
DataBinr binder = new DataBind(user); //绑定控制器
binder.bind("Name",cmbName); //绑定到下拉列表
binder.bind("Tel",txtTel); //绑定到输入框

如果在程序中改变了user的属性,可以调用binder.rebind()更新. 用户输入完毕,简单的调用binder.update()即可把输入更新到user上. binder有些小的特性:

1. 绑定时会利用reflection先尝试get/set方法,然后再查找找可访问的成员变量.
2. 自动尝试在类型转换,比如数值,日期.
3. 一些特殊控件可能无法直接得到它的属性,比如ButtonGroup只能返回哪个按钮被选中. 因此特定的控件需要写插件来提供虚拟的Property.
4. 如果需要绑定到变量名而不是具体的对象,要把user放倒数组或者List中再去绑定. 实际上我定义了几种数据源,如果你愿意,可以写ResultSet/XML+XPath的数据源.
5. 数据源提供数据导航功能. 允许在数据中浏览,只要简单的rebind一下即可更新页面.
6. 缺省对控件的Text属性操作,但是可以特别指定绑定到其它的属性上,比如Visible.
7. 支持单向绑定: 只读/只更新.
8. 一个binder对应一个数据源,BindGroup对一组binder做统一控制.

Table也有绑定: TableBind. 它的构造函数是:

TableBind(BindSource bs,Table table,String[] fields)

Echo中的Table和Grid有很大的不同. Grid是个类似布局的容器,需要往里面加入Component. 而Table则只容纳各种数据,具体表现成什么格式需要用到CellRender. 可以做成隔行变色或者把数据变成按钮. 有了表格的数据绑定. 你就可以专注去写漂亮的CellRender.

在很多应用中,经常有变动的主数据. 它们往往体现为下拉列表或者一组单选/多选按钮. 用户习惯在输入数据的时候往往碰到哪个主数据没有才去开个窗口维护,然后把新数据反应在刚才输入的页面上. 所以我做了一个SelectManager,它用缓存的主数据,同时更新所有用户的页面,而不仅仅是当前用户.

多说几句:

数据绑定仅仅是偷懒的第一步,代码生成是紧接着的第二步. 以前我们会用一些工具,针对B/S架构生成一整套的HTML/JS,XML/XSL...这些生成的东西往往会被修改,再生成的时候再修改... Echo的HTML是动态生成的,也给我提供一个更高层次的代码生成: 只要生成Java的类文件,利用OO的方法来重用或调整它.

换一个角度来思考: 为什么不利用生成代码的数据源动态生成网页? 比如根据JDBC的MetaData得到表的字段/主键/描述信息. 然后自动构造出一个表的录入和浏览界面. 甚至根据外键信息构造关联录入. 这样的页面几乎面维护,修改过表结构会马上体现出来.

另外一个很有有趣的想法是根据数据来构造页面. 在Notes和SAP开发中,开发者只要告诉页面去读取哪些变量就生成很不错的界面,包括下拉列表和数据验证. 这些变量已经包含了丰富的格式信息甚至提示信息. Java也可以做到,但是还没看到实现. 可以借用的是Schema,它的定义很全面,并且可以灵活扩充. Schema不但能定义单个数据的信息,还能定义结构信息. 也就是说Schema能描述一个界面的要求,可以作为自动生成界面的标准,让程序在读取Schema的同时构造出相应的Echo界面,然后直接录入符合Schema要求的XML. 这样的功能可以让我们更方便的利用WebService,因为WS的数据描述就是Schema.

以上都是些不成熟的想法,欢迎讨论. 另外数据绑定的程序我会放在一个例子中,在后面的教程中提供下载,仅供参考,欢迎反馈.