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;
- }
【編輯推薦】
