rethink

            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            11 隨筆 :: 0 文章 :: 16 評論 :: 0 Trackbacks

          最近看到很多關(guān)于javafx的文章,覺得javafx針對以前開發(fā)客戶端程序的不便的確有些提高,所以自己也試著開發(fā)個小應(yīng)用,看看javafx是否能在以后的工作中使用。

          一、開發(fā)目的

          基于b/s結(jié)構(gòu),在客戶端查找可用的串口列表。

          二、開發(fā)環(huán)境

          NetBeans IDE 6.5 for JavaFX 1.0,tomcat5,rxtx 2.1-7r2

          三、相關(guān)資源

          1、java串口操作框架,下載 rxtx 2.1-7r2。

          2、了解串口操作,參考http://rxtx.qbang.org/wiki/index.php/Examples

          3、開發(fā)工具,下載 NetBeans IDE 6.5 for JavaFX 1.0

          4、了解javafx,參考http://developers.sun.com.cn/javafx/docs/tutorials/

          其他資源略

          四、編碼

          1、首先開發(fā)串口操作程序DiscoveringAvailablePorts.java

              public static List getAvailableSerialPortsName() {
                  List result 
          = new ArrayList();
                  Enumeration thePorts 
          = CommPortIdentifier.getPortIdentifiers();
                  
          while (thePorts.hasMoreElements()) {
                      CommPortIdentifier com 
          = (CommPortIdentifier) thePorts.nextElement();
                      
          switch (com.getPortType()) {
                          
          case CommPortIdentifier.PORT_SERIAL:
                              
          try {
                                  CommPort thePort 
          = com.open("CommUtil"50);
                                  thePort.close();
                                  result.add(com.getName());
                              } 
          catch (PortInUseException e) {
                                  System.out.println(
          "Port, " + com.getName() + ", is in use.");
                              } 
          catch (Exception e) {
                                  System.err.println(
          "Failed to open port " + com.getName());
                                  e.printStackTrace();
                              }
                      }
                  }
                  
          return result;
              }

          注:RXTXcomm.jar 拷貝到: %JAVA_HOME%"jre"lib"ext
                rxtxSerial.dll 拷貝到: %JAVA_HOME%"jre"bin

          并在開發(fā)的工程中引入RXTXcomm.jar


          2、然后開發(fā)界面程序SerialConfig.fx

          var portNames =
          new DiscoveringAvailablePorts().getAvailableSerialPortsName();

          var label 
          = SwingLabel{text: "serial port: "};

          var combobox 
          = SwingComboBox{
              width: 
          100
              items:[
                  SwingComboBoxItem{
                      text: 
          "Please select" },
                  
          for (idx in portNames) {
                      SwingComboBoxItem{
                          text:idx.toString()}
                  }
              ]
              selectedIndex: 
          0};

          var button 
          =  SwingButton{text: "Save"};

          Stage {
              title: 
          "Components"
              width: 
          344
              height: 
          240
              visible: 
          true
              scene: Scene{
                  fill: Color.CORNSILK
                  content: VBox{
                      translateX: 
          10
                      translateY: 
          30
                      spacing: 
          20
                      content:[
                          HBox{
                              spacing: 
          10
                          content:[label,combobox,HBox{ translateX:
          40 content:[button]}]
                      }
                      ]
                  }
              }
          }
           注:開發(fā)上面的程序時候,在NB中建立javafx項目,名稱javafxTutorial。


          3、最后建立一個最簡單的web工程,并編寫頁面程序index.jsp。


            <body>
              This is my JSP page. 
          <br>
              
          <script src="http://dl.javafx.com/dtfx.js"></script>
             
          <script>
              javafx(
                  {
                        archive: 
          "<%=path%>/javafxTutorial.jar",
                        width: 
          400,
                        height: 
          200,
                        code: 
          "com.howelltech.SerialConfig",
                        name: 
          "javafxTutorial"
                  }
              );
             
          </script>
            
          </body>

          五、部署

          1、NB項目屬性中,在Run配置中選擇Run in Browser;在Application配置中選擇Self Signed Jar,其他可選。

          2、 NB項目目錄中,在dist目錄中,存在javafxTutorial.html、javafxTutorial.jar、 javafxTutorial_browser.jnlp三個文件和lib目錄包括RXTXcomm.jar一個文件。把此目錄中所有文件拷貝到剛才建立 好的web工程中,與index.jsp同路徑。

          六、測試

          1、在服務(wù)器端,如果不啟動tomcat可以直接執(zhí)行javafxTutorial.html既能看到效果。如果啟動tomcat,那么必須修改javafxTutorial_browser.jnlp中的端口號,要與tomcat使用的一致。

          2、在客戶端,必須拷貝rxtxSerial.dll到 %JRE_HOME%"bin下,然后直接訪問服務(wù)器鏈接就可以。



          開 發(fā)完成后,總體感覺javafx比applet要方便,無論是編碼還是部署。但是開發(fā)javafx的時候也有很多不方便的地方,比如目前的IDE不支持圖 形化開發(fā),雖然支持一些控件的托拽,但終歸是代碼不夠直觀;另外,javafx程序發(fā)布后在客戶端運行得還是有些慢。終歸是個新技術(shù),還需要慢慢適應(yīng)啊。

          另外,遺留下來兩個問題,看看大家有什么好辦法。

          1、關(guān)于客戶端需要拷貝rxtxSerial.dll問題,有沒有更加方便的方法。

          2、javafx項目打包問題,有沒有更好的方法,比如打個包,其他頁面就可以直接調(diào)用。

          對了添加一張結(jié)果圖,比較丑:)

          posted on 2009-02-04 16:12 rethink 閱讀(2615) 評論(2)  編輯  收藏 所屬分類: java

          評論

          # re: 基于javafx開發(fā)的查找客戶端可用串口列表 2009-02-04 19:21 MatthewChen
          檢測端口有一個時間延遲,簡單開個線程,檢測完畢再更新到組件上吧,運行效果會好點。  回復(fù)  更多評論
            

          # re: 基于javafx開發(fā)的查找客戶端可用串口列表 2013-04-06 17:48 Kingdom
          我在串口監(jiān)聽無法更新UI,你解決辦法么?求教  回復(fù)  更多評論
            

          主站蜘蛛池模板: 玉环县| 鹤壁市| 嘉善县| 亚东县| 松桃| 营山县| 彭泽县| 安康市| 曲阳县| 象山县| 英德市| 随州市| 京山县| 湘阴县| 五莲县| 岳西县| 沽源县| 阿坝| 邻水| 鸡东县| 满城县| 旺苍县| 乌兰浩特市| 淅川县| 板桥市| 玉林市| 吉木萨尔县| 紫金县| 治多县| 柳林县| 成武县| 屯昌县| 从江县| 建水县| 平昌县| 龙口市| 乌鲁木齐市| 承德县| 乌海市| 阳曲县| 林州市|