PC的blog

          Finding... Thinking... Solving...

          BlogJava 首頁 新隨筆 聯系 聚合 管理
            9 Posts :: 0 Stories :: 54 Comments :: 0 Trackbacks
          這段時間真是忙得要死,一方面要開發公司項目的系統框架,要將項目分成不同的子項目,編寫核心代碼;另一方面要將極限編程(XP)引入團隊開發,部署各類 XP需要的服務例如subversion啦,ant+ivy啦,Hudson啦等等。順便說句題外話,ubuntu還真是不是一般的好用,建議有能力的全 部轉到ubuntu上去開發。

          我目前開發的這個框架的客戶端是具肥的客戶端,也就是Swing客戶端了。Swing應用相對于Web應用有很多優勢,因為它更肥。數據驗證就是 其中一個。當然現在的Web應用通過使用Ajax也要比以前強很多了,但是還是避免不了在驗證數據時向服務段發出請求,至少你無法避免驗證結果從Web服 務器傳輸到用戶瀏覽器上這段過程。而Swing這類肥客戶端可以實現完全在本地對數據進行驗證,甚至可以斷網繼續工作(這也是Web應用目前在研發的一個 重要課題)。

          前段時間開發出了一個可以應用于所有Swing應用的通用數據驗證模塊,發現它在項目中使用后,對于普通的數據驗證,程序員幾乎不需要編碼,效率提高了不少,就寫了一篇博文拿出來和大家分享。原文是用英文寫的,在這里:http://polygoncell.blogspot.com/2008/07/validation-module-for-swing-application.html。英文好的朋友可以直接去那里看。

          編寫這個模塊使用了很多不同的開源框架和類庫,其中很重要的一個就是JXLayer。文章寫完后,我就跑去邀請JXLayer的作者Alexp來指點一下,然后就在我的文章后面開始了一段討論,挺有意思的,他不愧為是Swing team里面的牛人啊!厲害??!呵呵。

          ok,回到今天這篇文章的正題。今天的主要目的是將我的英文博文翻譯成中文(自己的文章,我就不逐字逐句翻譯了,意思到了就行了,可能還會隨興展 開一番討論)在這里展示給大家,與大家分享開發經驗,希望大家能夠從中獲益,也希望能夠以文會友,廣交朋友。廢話少說,切入正題。

          數據驗證(Validation)一直是軟件開發中非常重要的一環,有了它,你的系統會讓客戶感到更加友善,同時你的系統也得到了一定程度的保 護。一般來說,數據驗證既可以在客戶端也可以在服務端。默認的JSF數據驗證就是在服務端,數據只能在被提交以后才能夠被驗證,然后把錯誤信息傳遞回用戶 的瀏覽器。后來大規模使用Ajax后,基本可以實現對修改的數據“即時”驗證,注意這里是個打了引號的即時,數據事實上還是要在瀏覽器和服務端之間進行傳 遞的,只不過Ajax將這種傳遞改為隱式了而已,理論上并沒有真正實現(斷網)即時驗證。而在Swing應用上就能夠達成這種愿望。

          事實上,開發Swing應用時,數據驗證一直比較棘手,需要手工編碼的地方太多,效率不高。后來出了JGoodies Validation 結合JGoodies binding后,好了一些。這個JGoodies Validation既可以實現model層面的驗證,也可以實現Bean層面的驗證,但是多年使用下來,發現其實它比較適用于中小項目,而且要編寫的代 碼其實一點不比自己手動編寫的少。

          JGoodies流行了一段時間后,sun開始推出自己的bean綁定方案:beansbinding(JSR 295),我個人感覺要比JGoodies binding好用(JGoodies的作者Karsten也在專家組里,這個人我以前和他一起共事過,我的msn space里面還有跟他的合影,絕對是Swing界的牛人)。這個beansbinding也提供數據驗證,但是它的這個數據驗證只是在target被改 動后,數據被同步回source之前才會起作用,使用起來局限性比較大,而且編碼量也不小。

          由于目前絕大部分項目是基于POJO的,Hibernate validator已經提供了一個很好的數據驗證框架,我們完全沒必要再重復發明輪子,我們應該努力站在巨人的肩膀上,這樣我們才能站得更高,看得更遠。 于是我考慮結合beansbinding和Hibernate Validator開發數據驗證。還有一個重要的問題,那就是數據錯誤的時候,需要在用戶界面上展示相應的信息,例如Error icon和錯誤提示,這部分我考慮使用JXLayer。

          你可以在如下鏈接中找到相關框架的具體信息:

          1. Hibernate Validator: http://www.hibernate.org/hib_docs/validator/reference/en/html_single/
          2. Beansbinding: https://beansbinding.dev.java.net/
          3. JXlayer: http://weblogs.java.net/blog/alexfromsun/

          閱讀這篇文章,不需要你熟悉這些類庫,不過了解這些類庫能夠幫助你更好地理解這篇文章。

          我的這個通用模塊是參考JXLayer里面的一個demo類TextValidationDemo的,這個JXlayer是由Alexander Potochkin開發的,我很喜歡,使用起來很順手,強烈推薦使用。

          下面開始介紹代碼。首先是建立一個java項目,對于這個小項目,我使用netbeans。這里說句題外話,中型和大型的Swing應用,建議最 好還是不要使用netbeans的GUI Builder,一方面它生成的代碼超級爛,另一方面很難測試。目前市面上有很多好用的layout的框架,例如 JGoodies form和MigLayout,開發效率絕對不比netbeans的GUI builder差,你還不需要面對令人頭疼的機器成的代碼。

          項目創建好后,加入類庫:



          然后寫一個persistence bean:
          package de.jingge.domain;

          import javax.persistence.Entity;
          import javax.persistence.GeneratedValue;
          import javax.persistence.GenerationType;
          import javax.persistence.Id;
          import org.hibernate.validator.Length;
          import org.hibernate.validator.NotEmpty;


          @Entity
          public class Country extends AbstractBean {

          private static final long serialVersionUID = 5341382564159667599L;
          public static final String PROPERTYNAME_NAME = "name";
          public static final String PROPERTYNAME_CODE = "code";
          private String name;
          private String code;
          private Long id;

          public Country() {
          }

          public Country(String code, String name) {
              
          super();
              setCode(code);
              setName(name);
          }

          @Id
          @GeneratedValue(strategy 
          = GenerationType.AUTO)
          public Long getId() {
              
          return id;
          }

          public void setId(Long id) {
              
          this.id = id;
          }

          @NotEmpty
          public String getName() {
              
          return name;
          }

          public void setName(String name) {
              firePropertyChange(PROPERTYNAME_NAME, 
          this.name, this.name = name);
          }

          @Length(min
          =2, max= 2, message="Code length must be 2")
          @NotEmpty
          public String getCode() {
              
          return code;
          }

          public void setCode(String code) {
              firePropertyChange(PROPERTYNAME_CODE, 
          this.code, this.code = code);
          }
          }


          這里我為了強調可以在Swing客戶端直接使用和驗證persistence bean,故意寫了一個persistence bean,實際應用中,這個類只需要是一個pojo就行了。

          這個Country類代表一個國家,它有兩個屬性,code和name,我給他們分別加上個各自的驗證限制。code不能為空,且必須正好是兩個 字符,例如CN,DE,US。name不能為空。這些annotaion均出自Hibernate Validator。那個父類AbstractBean出自SwingX類庫,我們的Country類繼承了它之后就可以支持property change event了。

          ok, 下面可以開始編寫這個模塊的核心代碼了。前面說過,我會使用JXlayer。使用它的好處是:所有JXlayer的painting event都會被轉到UI類來,我們只需要編寫一個集成Hibernate Validator的UI類就可以了,我稱這個類為HibernateValidationUI,代碼如下:

          package de.jingge.view;

          import java.awt.Graphics2D;
          import java.awt.image.BufferedImage;

          import javax.swing.BorderFactory;
          import javax.swing.JComponent;
          import javax.swing.text.JTextComponent;

          import org.hibernate.validator.ClassValidator;
          import org.hibernate.validator.InvalidValue;
          import org.jdesktop.beansbinding.ELProperty;
          import org.jdesktop.beansbinding.PropertyStateEvent;
          import org.jdesktop.beansbinding.PropertyStateListener;
          import org.jdesktop.jxlayer.JXLayer;
          import org.jdesktop.jxlayer.plaf.AbstractLayerUI;

          /**
          * Header:
          * Description: A layerUI which will validate the referenced property value of
          * the object each time when the paint() method is called.

          * The value of the given object property will be observed.
          * Note: This UI works only with {
          @link JXLayer}. Any change of the property
          * will force repainting the UI. The work process looks like: property changed ->
          * jxlayer will be repainted -> the paint() method of this UI will be called.
          * The logic of validation will be handled by the Hibernate validator
          * framework.
          *
          */
          public class HibernateValidationUI extends AbstractLayerUI<jTextComponent> {

          private Object object;
          private String propertyName;
          private ClassValidator validator;
          private ELProperty elProperty;
          private PropertyStateListener propertyChangeHandler;

          public HibernateValidationUI(Object obj, String propertyName) {
              
          this.object = obj;
              
          this.propertyName = propertyName;
              propertyChangeHandler 
          = new PropertyChangeHandler();
              validator 
          = new ClassValidator(obj.getClass());

              elProperty 
          = ELProperty.create("${" + propertyName + "}");
          }

          public void installUI(JComponent c) {
              
          super.installUI(c);
              elProperty.addPropertyStateListener(object, propertyChangeHandler);
          }

          public void uninstallUI(JComponent c) {
              
          super.uninstallUI(c);
              elProperty.removePropertyStateListener(object, propertyChangeHandler);
          }

          protected void paintLayer(Graphics2D g2, JXLayer<jTextComponent> l) {
              
          super.paintLayer(g2, l);
              InvalidValue[] validationMessages 
          = validator.getInvalidValues(object,
                      propertyName);
              
          if (validationMessages.length > 0) {
                  BufferedImage image 
          = Java2DIconFactory.createErrorIcon();
                  g2.drawImage(image, l.getWidth() 
          - image.getWidth() - 1,
                          l.getHeight() 
          - 8null);
                  l.getView().setToolTipText(validationMessages[
          0].getMessage());

                  
          return;
              }
              l.getView().setToolTipText(
          null);
          }

          boolean isValid() {
              
          return validator.getInvalidValues(object, propertyName).length == 0;
          }

          class PropertyChangeHandler implements PropertyStateListener {

              @Override
              
          public void propertyStateChanged(PropertyStateEvent pse) {
                  setDirty(
          true);
              }
          }
          }



          這個HibernateValidationUI類只有一個構建器,它接收兩個參數,一個是source object,也就是我們要修改的那個Bean類的實例,另外一個是這個bean的一個屬性,這個HibernateValidationUI就負責驗證這個屬性。

          在installUI()方法中,我們啟動對屬性變化的觀察類,而在uninstallUI()方法里面,我們需要卸載這個觀察類。

          當給定對象的屬性值發生變化時,PropertyChangeHandler的propertyStateChanged()方法就會被調用,這 個功能是通過elProperty和PropertzChangeHandler相結合來實現的。在propertyStateChangeed()方法 里UI類的方法setDirty()會被調用,該方法的調用會導致UI類的狀態變化,進而引發(re)painting,之后經過一系列的方法調用傳 遞,paintLayer(Graphics2D g2, JXLayer<jTextComponent> l)這個方法將會被調用,這個方法要做的就是我們這個數據驗證模塊的核心功能:

          1. 調用Hibernate Validator驗證該屬性。
          2. 如果數據不正確,則在GUI上顯示一個error icon,并且將錯誤信息作為tooltip展示給用戶。

          在第二點里面產生了一個問題,謝謝Alexp對我的指點。Swing team里面有一些規定,其中之一就是,在paint()方法里面最好不要改變Component的狀態,而setTooltip()方法將會改變 component的狀態,因此需要在paint()方法之外調用。我目前使用下來,還沒有發現什么嚴重的錯誤,決定暫時不改了,回頭有時間在將這個代碼 翻新一下。

          類中用到的Java2DIconFactory代碼如下:

          package de.jingge.view;

          import java.awt.Color;
          import java.awt.Graphics2D;
          import java.awt.RenderingHints;
          import java.awt.image.BufferedImage;


          public class Java2DIconFactory {

          public static BufferedImage createErrorIcon() {
              
          return createErrorIcon(78);
          }

          public static BufferedImage createErrorIcon(int width, int height) {
              BufferedImage icon 
          = new BufferedImage(width, height,
                      BufferedImage.TYPE_INT_ARGB);
              Graphics2D g2 
          = (Graphics2D) icon.getGraphics();
              g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                      RenderingHints.VALUE_ANTIALIAS_ON);
              g2.setRenderingHint(RenderingHints.KEY_STROKE_CONTROL,
                      RenderingHints.VALUE_STROKE_PURE);
              g2.setColor(Color.RED);
              g2.fillRect(
          00, width, height);
              g2.setColor(Color.WHITE);
              g2.drawLine(
          00, width, height);
              g2.drawLine(
          0, height, width, 0);
              g2.dispose();
              
          return icon;
          }
          }


          沒什么太多好解釋的,就是使用Java 2D畫一個Error icon。

          接著,我們需要編寫一個Factory類,構建一個JTextField,盡量把復雜技術封裝起來,這樣程序員開發起來可以提高效率,代碼如下:

          package de.jingge.view;

          import javax.swing.JTextField;
          import javax.swing.text.JTextComponent;
          import org.jdesktop.beansbinding.AutoBinding;
          import org.jdesktop.beansbinding.BeanProperty;
          import org.jdesktop.beansbinding.BindingGroup;
          import org.jdesktop.beansbinding.Bindings;
          import org.jdesktop.beansbinding.ELProperty;
          import org.jdesktop.jxlayer.JXLayer;
          import static org.jdesktop.beansbinding.AutoBinding.UpdateStrategy.*;


          public class GuiComponentFactory {

          public static JXLayer<jTextComponent> createTextField(
                  BindingGroup bindingGroup, Object sourceObject,
                  String sourceProperty) {
              JTextField field 
          = new JTextField();
              AutoBinding binding 
          = Bindings.createAutoBinding(READ_WRITE,
                      sourceObject, ELProperty.create(
          "${" + sourceProperty + "}"),
                      field, BeanProperty.create(
          "text"));
              bindingGroup.addBinding(binding);
              bindingGroup.bind();
              
          return new JXLayer<jTextComponent>(field, new HibernateValidationUI(
                      sourceObject, sourceProperty));
          }
          }


          createTextField()方法主要將給定對象屬性的值與JTextField的text綁定,然后將JTextField納入到 JXLayer的管理之下。這樣一來,一旦用戶在JTextField里面修改數據,這個改變就會同步到該對象屬性上,然后就引發了前面描述的一系列邏 輯,最終改變的數據就會被Hiberante Validator加以驗證。

          最后,我們可以編寫一個Demo application來看看效果如何,代碼如下:

          package de.jingge.main;

          import de.jingge.domain.Country;
          import java.awt.BorderLayout;
          import java.awt.Dimension;
          import java.awt.Toolkit;
          import javax.swing.JFrame;
          import javax.swing.JLabel;
          import javax.swing.JPanel;
          import javax.swing.UIManager;
          import javax.swing.UnsupportedLookAndFeelException;
          import javax.swing.text.JTextComponent;
          import net.miginfocom.swing.MigLayout;
          import org.jdesktop.beansbinding.BindingGroup;
          import org.jdesktop.jxlayer.JXLayer;
          import static de.jingge.view.GuiComponentFactory.*;


          public class ValidationApplicaton {

          private BindingGroup bg;
          private Country country;
          private JXLayer<jTextComponent> codeField;
          private JXLayer<jTextComponent> nameField;

          /**
           * 
          @param args the command line arguments
           
          */
          public static void main(String[] args) {
              
          try {
                  UIManager.setLookAndFeel(
                          
          "com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel");
              } 
          catch (UnsupportedLookAndFeelException ex) {
                  System.err.println(
                          
          "Nimbus L&F does not support. Default L&F will be used.");
              } 
          catch (ClassNotFoundException e) {
                  
          // TODO Auto-generated catch block
                  e.printStackTrace();
              } 
          catch (InstantiationException e) {
                  
          // TODO Auto-generated catch block
                  e.printStackTrace();
              } 
          catch (IllegalAccessException e) {
                  
          // TODO Auto-generated catch block
                  e.printStackTrace();
              }
              ValidationApplicaton app 
          = new ValidationApplicaton();
              JFrame frame 
          = new JFrame("Demo Validation Application");
              frame.setPreferredSize(
          new Dimension(360150));
              frame.getContentPane().add(app.buildPanel(), BorderLayout.CENTER);
              frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              setCenter(frame);
              frame.setVisible(
          true);
              frame.pack();

          }

          private static void setCenter(JFrame frame) {
              Toolkit toolkit 
          = Toolkit.getDefaultToolkit();
              Dimension screenSize 
          = toolkit.getScreenSize();

              
          // Calculate the frame location
              int x = (screenSize.width - (int) frame.getPreferredSize().getWidth()) / 2;
              
          int y = (screenSize.height - (int) frame.getPreferredSize().getHeight()) / 2;

              
          // Set the new frame location
              frame.setLocation(x, y);
          }

          public ValidationApplicaton() {
              country 
          = new Country();
              bg 
          = new BindingGroup();
          }

          private JPanel buildPanel() {

              codeField 
          = createTextField(bg, country, Country.PROPERTYNAME_CODE);
              nameField 
          = createTextField(bg, country, Country.PROPERTYNAME_NAME);
              JPanel panel 
          = new JPanel(new MigLayout("",
                      
          "[50px, right]10[200px:250px:300px]""[center]"));
              panel.add(
          new JLabel("Code:"), "cell 0 0");
              panel.add(codeField, 
          "cell 1 0, w 200px:250px:300px");
              panel.add(
          new JLabel("Name:"), "cell 0 1");
              panel.add(nameField, 
          "cell 1 1, w 200px:250px:300px");
              
          return panel;
          }
          }


          這個類比較簡單了,我簡單解釋一下:

          在main()方法里面,我們創建了一個JFrame,然后放入一個JPanel

          setCenter()方法負責將窗口至于屏幕的正中間。

          在構建器里面,我們創建了Country和BindingGroup的對象實例。

          在buildPanel()方法里面,我們使用MigLayout構建了一個Panel,其中codeField和nameField對應各自的對象屬性。更多關于MigLayout的信息看這里:http://www.miglayout.com/。這也是一個例子,大家可以看到使用MigLayout開發Swing真的是非常方便。

          從這個Demo里面也可以看出,編寫好pojo后,程序員只需要調用createTextField(bg, country, Country.PROPERTYNAME_CODE); 就可以創建一個支持數據驗證的JTextField,編碼量已經可以說是最大限度的降低了。

          運行程序,你會看到:



          這個code和name的數據都不合法,用戶看到了error icon。

          將鼠標移到Text field上,你會看到:



          填好合法數據后,Error icon就不見了:



          總結:

          使用這個通用數據驗證模塊有很多好處:

          1. 如果項目使用ORM,例如Hibernate,這個方案應該是解決數據驗證的最好方案之一。
          2. 對于普通的數據驗證,例如非空,email,長度等等,程序員根本不需要編碼,只要在POJO上使用相應的Hibernate Validator annotation就可以了。
          3. 對于復雜的數據驗證,Hibernate Validator提供了很好的擴展機制,只要寫一個annotation外加一個Validator就可以了。Swing應用這邊仍然不需要編寫任何代碼。

          綜上所述,可以看出通過使用這個通用數據驗證模塊,開發效率會提高很多。




          聲明:本文版權歸作者所有,如需轉載請注明出處。

          posted on 2008-07-29 18:27 polygoncell 閱讀(2350) 評論(5)  編輯  收藏

          Feedback

          # re: Swing通用數據驗證模塊 2008-07-29 19:47 隔葉黃鶯
          你的截圖也不是 ubuntun 下的。  回復  更多評論
            

          # re: Swing通用數據驗證模塊 2008-07-30 14:37 卡卡西
          如果有興趣的話,請到這里討論這個話題。
          http://www.douban.com/group/topic/3604639/



           很不錯的一個Tip
            
          https://balloontip.dev.java.net/

          基于該庫寫了個檢查框架,用在了我的一個項目中。
            效果如下
            
          http://www.douban.com/photos/photo/111403280/  回復  更多評論
            

          # re: Swing通用數據驗證模塊 2008-07-30 14:52 卡卡西
          我在豆瓣上有個swing小組,歡迎加入。  回復  更多評論
            

          # re: Swing通用數據驗證模塊 2013-04-26 22:22 lego
          代碼編譯都過不了。垃圾  回復  更多評論
            

          # re: Swing通用數據驗證模塊 2013-04-26 22:23 lego
          好不容易編譯過了,加載類還拋異常。  回復  更多評論
            


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 新野县| 南和县| 阳西县| 缙云县| 清新县| 凉城县| 容城县| 宁化县| 洞口县| 祁连县| 吉林市| 太康县| 棋牌| 昌平区| 宁武县| 桂东县| 渑池县| 汶上县| 濮阳市| 霍林郭勒市| 岳池县| 当阳市| 新昌县| 偃师市| 静海县| 随州市| 秭归县| 清徐县| 依安县| 边坝县| 牙克石市| 连山| 锦屏县| 宜黄县| 平罗县| 吴江市| 宣汉县| 隆德县| 木兰县| 朝阳市| 修文县|