TikeSwing創建MVC體系結構
TikeSwing 是一個開放源碼的Swing框架,它提供了一個高度MVC(模型-視圖-控制器)模式的體系結構并且使SWING組件的使用非常簡單。它通過將視圖組件和JavaBeans直接連接來支持POJO編程模式。在這篇文章中將闡述TikeSwing的特點,并且將示范怎樣使用這個框架創建MVC體系結構。
最近,在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原則:
1.Model 模型:
◆來自一些真實世界或者系統的抽象
◆包裝其數據和函數
◆在數據改變時通知觀察者 (編者注:observer, 設計模式術語)
2.View 視圖:
◆系統的用戶界面
◆依附于模型并通過顯示界面將它的內容顯示出來
◆在模型改變時自動刷新受到影響的部分
3.Controller 控制器:
◆控制應用程序的流程
◆接受用戶的輸入,并根據用戶輸入指導模型和視圖完成任務
下面的圖表表示了TikeSwing中MVC的類結構。

一個使用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 = newYLabel ("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;
- }
【編輯推薦】