摘要：

　　TikeSwing 是一个开放源码的Swing框架，它提供了一个高度MVC（模型-视图-控制器）模式的体系结构并且使SWING组件的使用非常简单。它通过将视图组件和JavaBeans直接连接来支持POJO编程模式。在这篇文章中将阐述TikeSwing的特点，并且将示范怎样使用这个框架创建一个清晰的MVC的系结构。(2,400个英文单词；2005年6月20日)

　　最近，在Java社区里面，丰富的互联网应用程序（RIAs）的兴起成为一个热点话题。另外一些新的技术，像AJAX（异步的JavaScript和XML），MacroMedia Flex, 和Laszlo,以及与Java Web Start一起使用的虽旧而好的Swing，它们都被提议作为RIA技术。

　　然而，Java社区里面的很多人对Java基础类库（JFC）和Swing提出了批评。Swing在建立高度MVC模式的客户端体系方面不能提供太多的帮助。任何合理的服务器应用程序返回传递的对象，或者称为简单初始Java对象(POJOs)，把它传递到客户端的技术证明了J2EE世界的窘境。从POJO范围映射到Swing组件需要太多的手动的代码，反之亦然。

　　同样的，实现Swing其他的功能，就像线程句柄和验证域，也是很费力的事情。而且有时候Swing组件很难使用：创建一个合适的表格或者树模型通常需要很多的编码，而且需要深入的研究Swing编程文档中的API。

　　TikeSwing 是一个开放源码的Swing框架，它提供了一个高度MVC（模型-视图-控制器）模式的体系结构并且实现了模型，组件和控制器通信的自动化。它简化了Swing组件的使用，并通过将视图组件和JavaBeans直接连接来支持POJO编程模式。

　　这篇文章将示范怎样使用TikeSwing创建一个清晰的MVC的体系结构。也将阐述建立TikeSwing组件的原则，并简单描述在这个框架中包含的最佳体验和机制。

　　MVC体系结构

　　众所周知，MVC范例是推荐的图形用户界面发展的基本体系。它还有很多的可用的变种，就像MVC++, HMVC (Hierarchical MVC), MVC Model 2, MVC Push, and MVC Pull,它们每一个都有些不同之处。TikeSwing基于下面的MVC原则：

　　●Model 模型:

　　o来自一些真实世界或者系统的抽象

　　o包装其数据和函数

　　o在数据改变时通知观察者 (编者注：observer, 设计模式术语)

　　●View 视图:

　　o系统的用户界面

　　o依附于模型并通过显示界面将它的内容显示出来

　　o在模型改变时自动刷新受到影响的部分

　　●Controller 控制器:

　　o控制应用程序的流程

　　o接受用户的输入，并根据用户输入指导模型和视图完成任务

　　下面的图表表示了TikeSwing中MVC的类结构。

　　

　　图 1. 一个使用TikeSwing的应用的MVC类图

　　类MyModel, MyView, 和MyController由一个使用框架的应用来实现。MyModel和MyController扩展了TikeSwing的YModel 和YController类。一个视图的类可以是任何实现了YIComponent接口的java.awt.Component。

　　TikeSwing在装配类结构的时候不使用任何的配置文件。当YController，YModel和视图组件提供了要求的功能特性的时候，扩展适当的类已经足够了。下面讲述如何使用TikeSwing来实现模型、视图和控制器类。

　　模型

　　TikeSwing的模型是一个为实现视图而包含数据的JavaBeans组件。一个模型类可能包含嵌套的JavaBeans，数组，映射和集合。和标准JavaBeans中要求的一样，所有模型的类变量必须有适当的GET和SET方法。从这种意义上说，TikeSwing就像很多的网络应用程序框架那样工作，所以在不同的技术之间重用模型类是很容易的。

　　YModel是模型的基类。它提供了报告数据改变的方法。当触发了一个事件的时候，框架会更新与之相连的视图。在分布式环境中，一个模型类有从服务器应用程序中得到POJOs的方法（通常是从隐藏了业务服务的实现细节的业务代理中）。模型自身存储了POJOs，且它有责任通知观察者。在有些MVC的体系结构中，一个控制器类和服务器通信，POJOs存储在控制器中。然而，TikeSwing分离出YModel类的方法有下面的优势：控制器专著于流程，另外的方法（操作模型数据的）可以被加在客户端。YModel遵循了传统的MVC模式，所以MVC中类的责任就清晰地分开了。

　　下面的代码演示了模型类如何通过给定的参数找到customers。模型的类变量name和id是搜索标准，customers是包含搜索结果的Customer POJOs的集合。findCustomers()方法通过customerServiceDelegate从服务器应用程序中得到customers。当方法notifyObservers()激活时，框架会自动更新相连的视图。

　　public class FindCustomerModel extends YModel {

　　private String name;

　　private String id;

　　private Collection customers;

　　private CustomerServiceDelegate delegate = new CustomerServiceDelegate();

　　public void findCustomers() {

　　setCustomers(delegate.findCustomers(id, name));

　　notifyObservers("customers");

　　}

　　public void setCustomers(Collection customers) {

　　this.customers = customers;

　　}

　　public Collection getCustomers() {

　　return customers;

　　}

　　public void setId(String id) {

　　this.id = id;

　　}

　　public String getId() {

　　return id;

　　}

　　public void setName(String name) {

　　this.name = name;

　　}

　　public String getName() {

　　return name;

　　}}

　　视图

　　TikeSwing视图是包含其他Swing组件的Swing组件。通常，一个视图类是一个面板，一个对话框，或者一个帧，它们建立了子组件并将之添加到自身（就像在通常的Swing开发环境中一样）。然而，TikeSwing应用程序中使用的所有组件都必须实现适当的接口以连接框架的MVC体系结构。幸运的是，框架包含一个很大的为了这种目的已经实现的组件的集合。

　　一个特殊的名字必须赋予一个视图组件，这样框架就能在组件和被命名的模型类变量之间复制数据。命名的惯例和其他的用于网络应用程序框架的和Apache BeanUtils库（它通常用于框架的执行）类似。下面是支持的命名格式：

　　●简单的： 直接连接到模型域的组件；例如，field1

　　●嵌套的：连接到模型内部的JavaBeans域的组件；例如，field1.field2

　　●索引的：连接到模型内的数组域的组件；例如myArray[1]

　　●映射的：连接到模型内的映射域组件；例如，myHashMap(“foo”)

　　●组合的：通过结合符号连接到模型的内部域的组件；例如，field.myArray[1].myHashMap["foo"]

　　除了模型类的GET和SET方法外，视图类必须为每一个视图组件建立一个GET方法。

　　下面的例子是为FindCustomerModel建立的视图类。它使用了扩展了基础Swing类的TikeSwing组件（从JLabel到YLabel,JTextField到YTextField，等）。例子的代码和标准的Swing视图很像，只有setMVCNames（）方法包含了TikeSwing特有的代码。依照上面讲述的原则，它设定了模型组件的连接。resultTable列通过YColumn对象与customers集合中的POJO域相连。findButton不显示任何从模型得到的数据，但是MVC的名字是为TikeSwing的事件句柄设定的（以后再讲）。

　　public class FindCustomerView extends YPanel {

　　private YLabel idLabel = new YLabel("Id");

　　private YLabel nameLabel = new

　　YLabel ("Name");

　　private YTextField idField = new YTextField();

　　private YTextField nameField = new YTextField();

　　private YPanel criteriaPanel = new YPanel();

　　private YTable resultTable = new YTable();

　　private YButton findButton = new YButton("Find");

　　public FindCustomerView () {

　　addComponents();

　　setMVCNames();

　　}

　　private void setMVCNames() {

　　idField.getYProperty().put(YIComponent.MVC_NAME,"id");

　　nameField.getYProperty().put(YIComponent.MVC_NAME,"name");

　　resultTable.getYProperty().put(YIComponent.MVC_NAME,"customers");

　　findButton.getYProperty().put(YIComponent.MVC_NAME,"findButton");

　　YColumn[] columns = {

　　new YColumn("id"),

　　new YColumn("name")};

　　resultTable.setColumns(columns);

　　}

　　private void addComponents() {

　　this.setLayout(new BorderLayout());

　　this.add(criteriaPanel, BorderLayout.NORTH);

　　idField.setPreferredSize(new Dimension(100, 19));

　　nameField.setPreferredSize(new Dimension(100, 19));

　　criteriaPanel.add(idLabel);

　　criteriaPanel.add(idField);

　　criteriaPanel.add(nameLabel);

　　criteriaPanel.add(nameField);

　　criteriaPanel.add(findButton);

　　this.add(resultTable, BorderLayout.CENTER);

　　}

　　public YTextField getIdField() {

　　return idField;

　　}

　　public YLabel getIdLabel() {

　　return idLabel;

　　}

　　public YTextField getNameField() {

　　return nameField;

　　}

　　public YLabel getNameLabel() {

　　return nameLabel;

　　}

　　public YTable getResultTabl