JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)

說明:就如同標題一樣,前端會用到JavaFXSwingJava Web StartGoogle Map 的技術,

後端就是JDBCServlet的技術,以及我們會簽署認證jar檔案,這樣才可存取客戶端(ex:執行命令,存檔等等)

以這樣的架構其實很容易就可以讓我們開發各式各樣的系統,當然你得發揮你的創意,其中的一項重點就

servlet與前端互傳的Serial物件,你可以將他寫入資料庫的欄位,這樣每當你的客戶端需求有變動時,

隨時可新增刪減欄位,不必還得在資料庫的表格再新增或刪減一個或多個欄位,當然你存入資料庫的Serial

物件的欄位必須設定好足夠的空間(可用比較大型資料typeblobclob等等或自訂type),確實也以

此架構幫公司設計了一些系統,覺得還不錯用,介紹給大家。

 

  1. 學習JavaFX Script語法的網址 http://java.sun.com/javafx/1/tutorials/core/

     

  2. 學習如何建立JavaFX GUI的網址 http://java.sun.com/javafx/1/tutorials/ui/

     

  3. 步驟12是基礎,各位學JavaFX一定要先看。 

  4. 下載 JavaFX 1.2 SDK,到網址 
    http://javafx.com/downloads/windows.jsp 
    選 JavaFX 1.2 SDK,下載及安裝。 
  5. 在寫 javafx 前,我們要先下更新javafx 開發元件,選menuTools>Plugins

    如下圖,點tabAvailable Plugins,在search欄位打入javafx搜尋字,出現3

    plugins,全選,然後按Install按鈕安裝 
    JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)
     

     

     

     

  6. meunFile-->New Project,如下圖,建置一個JavaFX Project,按Next 
    JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)
     

如下圖,Project Name輸入jdbcfxProject Location我的是C:\netbeans,其他預設即可,而

Create Main File我們輸入jdbcfx.fx.Main(多加個package name fx,為了好區分而已),這個

Main.fx檔是我們要Run這個jdbcfx Project時的主要啟動檔案,檔案名稱你可自己設,不一

定要Main.fx,不過我們這用預設即可,按Finish 
JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)
 

然後在將我附上的原始檔Main.fx全部覆蓋複製進來,此時會有錯誤,因為有些檔案還沒建

立,先忽略,之後再一步一步建立。

那要如何建立JavaFXGUI?如下圖展開右邊Palette,選Swing ComponentsButton

件,拉到TextEditor,我們在程式碼裡設一個變數button1,其typeSwingButton

(var button1:SwingButton =),將button元件拉到等號右邊,然後設定Buttontext屬性及動

作的方法,各種元件的詳細操作使用方式,各位一定要先看完步驟12,才能了解如何去

使用它們。

JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)
 

JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)

如下圖,再建立JavaFX Class檔,File Name輸入FlipViewPackage輸入jdbcfx.fx

Finish

JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)
 
JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)
 

然後再將我附上的原始檔FlipView.fx複製進來即可。

 

  1. 接下來我們需要建立Swing GUI,由於我的GUI是由Eclipse IDE所建立,所以在這

    我們直接以建立Java Class方式複製進來,如下圖,當然你也可以選擇JPanel Form

    方式建立Swing GUI注意我們的Swing GUI必須是繼承自JComponent類別,才可

    JavaFX API所提供的SwingComponent類別的方法wrap包裹進來,而JFrame不是

    ,所以無法用SwingComponent類別提供的方法,不過大部分的Swing GUI均可使用

    SwingComponent類別來轉換,所以JavaFX還是可以使用大部分的Swing GUI

    如下圖:Class Name輸入MyJTableJPPackage輸入jdbcfx.java,按Finish 
    JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)
     
    JavaFX結合 JDBC, Servlet, Swing, Google Map及動態產生比例圖 (2):JavaFX建立及程式碼說明 (轉帖)
     
    在將我附上的原始檔MyJTableJP.java複製進來即可。 

  1. 以上的步驟只是要讓各位了解如何在JavaFX Project裡建javafx script檔及java檔,

    以及如何建JavaFXGUI注意要加入librarycos.jar前端傳送序列物件用,加入

    方式參考上一篇步驟8我會附上我建的NetBeans Project,稍後各位只要使用

    NetBeans開啟project即可,如你要一步一步建檔,就請依照上列步驟建立。 

     

  2. 程式碼說明:(這部分網頁顯示的有點亂,請參考下載文件)

    jdbcfx netbeans project 程式碼如下(包含package name)

    jdbcfx

    fx

    \ FlipView.fx

\ Main.fx

java

\ MyJTableJP.java

\ TableHelper.java

yj

db

\ MyDataSerial.java

\ MyJTableJP_Model.java

 

salary netbeans project 程式碼如下(web project,包含 package name)

yj

db

\ MyDataSerial.java

\ MyJTableJP_Model.java

servlet

\ DataIUS_Servlet.java

\ GenGraphic_Servlet.java

\ GenMapfile_Servlet.java

dbutility

\ DB_Utility.java

 

以上是兩個project程式碼的清單,底下在逐一說明各程式碼主要功能,但詳細說明

還是請參考程式碼的註解。

 

  1. jdbcfx project部分

    jdbcfx.fx.FlipView.fx

    主要功能是讓我們動態產生的統計圖檔(長條圖跟圓餅圖),作翻轉切換。

     

    jdbcfx.fx.Main.fx

    這是這整個程式的進入點,類似java application  main function

     

    jdbcfx.java.MyJTableJP.java

    這是個swing component Jpanel,裡面有放入JTable,這樣我們才可輕而一舉的在

    javafxscript使用swingcomponent  wrap 方法將其轉成SwingComponent type

    的元件。

     

    jdbcfx.java.TableHelper.java

    主要功能是讓我們可以在javafx script建立MyJTableJPtype的物件。

 

yj.db.MyDataSerial.java

這是我們前後端傳送的 serial 物件。

 

yj.db.MyJTableJP_Model.java

這是MyJTableJP裡的JTable所用的TableModel 

salary web project部分

yj.db.MyDataSerial.java

同上。 

yj.db.MyJTableJP_Model.java

同上。 

yj.db.servlet.DataIUS_Servlet.java

主要功能為對資料庫資料表作新增刪除修改的動作。 

yj.db.servlet.GenGraphic_Servlet.java

主要產生長條圖跟圓餅圖檔(bar.pngpie.png) 

yj.db.servlet.GenMapfile_Servlet.java

主要是動態產生Googel Map的相對應員工家地址的地圖html檔。

 

yj.db.servlet.dbutility.DB_Utility.java

jdbc的設定檔,這支程式是針對SQL Server 2,如果你的是其他DataBase Server

請參考其他相關db server jdbc的設定。

下一篇將介紹部署及應用,未完待續~~~

更多相关文章
一周排行
  • 


    		    Windows 2003 AD升級至Windows 2012 AD之DHCP伺服器遷移
    Windows 2003AD升级至Windows 2012AD之DHCP服务器迁移 DHC ...
  • 我一向将公司比喻成国家,公司之间的竞争也很类似战争,国外网站曾经有一幅描述微软帝国的作战形势图就是例证.这次360和QQ之争,在中国软件互联网史上,是一场不折不扣的超级大战.我对这场战争的分析是:一场精心策划的西安事 ...
  • resultMap 简单使用 1.建数据库 CREATE TABLE `user` ( `id` int(11) NOT NULL AUTO_INCREMENT, `userName` varchar(64) DEF
  • Javascript Javascript 是一种嵌入到HTML文档的脚本语言,由浏览器解释和执行,无需编译. Javascript 是大小写敏感的,大写字母与小写字母不同. 使用“:”分号来分割每一句js. < ...
  • jstack命令(Java Stack Trace)
    jstack用于打印出给定的java进程ID或core file或远程调试服务的Java堆
  • 1.如果以前用的是SQL2000,则先安装SQL2005,和SQL2000可以并存的 2.将SQL2000数据库复原到SQL2005里 3.通过管理配置向导将NPM NCM APM 等数据库源地址设置到SQL2005
  • 使用extern关键字法:         1 .新建Constants.h文件(文件名根据需要自己取),用于存放全局变量:         2. 在Constants.h中写入你需要的全局变量名,但是在定义时不能对
  • MySQL5.5 performance_schema的介绍 mysql 5.5 版本 新增了一个性能优化的引擎: PERFORMANCE_SCHEMA这个功能默认是关闭的: 需要设置参数: performance_
  • 


    		    JuniperSSG140使用PBR實現雙線路接入
    公司一直使用电信10M线路用于访问互联网,同时基于此线路与各个子公司建立VPN传输业务数据
  • 据悉,Windows Blue有望在今夏发布,而在发布之前,微软公司将对Windows 8操作系统的一些主要核心应用进行更新,这也是用户们一直所关心的问题. 据相关人士称,针对Windows 8操作系统的邮件.日历. ...