科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道在Swing中使用高级的MVC和POJOs

在Swing中使用高级的MVC和POJOs

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

  摘要:      TikeSwing 是一个开放源码的Swing框架,它提供了一个高度MVC(模型-视图-控制器)模式的体系结构并且使SWING组件的使用非常简单

作者:中国IT实验室 来源:中国IT实验室 2007年9月10日

关键字: 编程

  • 评论
  • 分享微博
  • 分享邮件

  摘要:
  
  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

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章